Implement deep instrumentation pipelines for tracing, metrics, and real-user monitoring of React apps.
Scanned 2/12/2026
Install via CLI
openskills install majiayu000/claude-skill-registry---
name: instrumentation-and-telemetry
description: Implement deep instrumentation pipelines for tracing, metrics, and real-user monitoring of React apps.
---
# Instrumentation and Telemetry (React 18)
## Summary
Implement deep instrumentation pipelines for tracing, metrics, and real-user monitoring of React apps.
## Key Capabilities
- Capture render timings and scheduler lane metadata.
- Correlate UI performance with backend latency traces.
- Build dashboards for critical UX metrics (TTI, INP, CLS).
## PhD-Level Challenges
- Develop sampling strategies that preserve tail events.
- Formalize trace causality across async boundaries.
- Validate telemetry accuracy with synthetic benchmarks.
## Acceptance Criteria
- Provide a trace dashboard and sample data pipeline.
- Demonstrate correlation between UI and API latencies.
- Document sampling and privacy constraints.
No comments yet. Be the first to comment!
Wire a service's OpenTelemetry output to Sematext Cloud. Walks through region, App-type, instrumentation flow (managed OTLP endpoint vs Sematext Agent), and signal selection (traces/metrics/logs), then produces the exact env-var block and points at a runnable reference example in this repo. Invoke when instrumenting a new app for Sematext.