Add OpenTelemetry tracing to a browser/frontend app with Liteverge. Use when the user asks to add observability, tracing, or OpenTelemetry to a React, Next.js, Vue, Angular, or similar frontend app — or to add custom spans and instrumentation to an already-instrumented app.
94
92%
Does it follow best practices?
Impact
Pending
No eval scenarios have been run
Passed
No known issues
This skill has two modes. Choose based on what the user is asking for.
If the user wants to set up OpenTelemetry / Liteverge tracing on a frontend project that doesn't have it yet (install packages, create instrumentation file, wire entrypoint), follow:
→ init.md
If the project already has Liteverge OTel initialized (has an instrumentation file and @opentelemetry/api installed) and the user wants to add custom spans, attributes, or tracing to specific user flows, follow:
@opentelemetry/api in package.json dependencies. If present, use instrument.md. If not, use init.md.OTel Logs and Metrics SDKs for the browser are currently immature and not included in this skill. For error reporting from the browser, use span.recordException() or span.addEvent() on an active span. For performance metrics, use the Web Vitals library or PerformanceObserver with custom spans.
3e0a0be
If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.