autotel-web
CommunityEnable distributed tracing in browsers for better performance insights.
Authorjagreehal
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill simplifies the integration of distributed tracing into browser applications, enabling developers to monitor performance, errors, and user experience seamlessly.
Core Features & Use Cases
- Lean mode attaches W3C traceparent headers for backend trace continuation, optimizing for minimal size and overhead.
- Full mode provides real browser spans, Web Vitals, error capturing, and OTLP export for comprehensive client-side observability.
- Use Case: A developer wants to instrument a React SPA to track user interactions, network timings, and frontend errors, then export data to an observability backend for centralized monitoring.
Quick Start
Initialize the SDK in your web app to start capturing distributed traces and performance metrics immediately.
Dependency Matrix
Required Modules
None requiredComponents
referencesassets
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: autotel-web Download link: https://github.com/jagreehal/autotel/archive/main.zip#autotel-web Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.