# Instrumentation And Telemetry

> Implement deep instrumentation pipelines for tracing, metrics, and real-user monitoring of React apps.

- Skill: `majiayu000/instrumentation-and-telemetry` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds@latest add majiayu000/instrumentation-and-telemetry`
- Raw SKILL.md: https://api.skillmd.com/api/skills/majiayu000/instrumentation-and-telemetry/raw
- Safety review: pending (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: majiayu000 (https://skillmd.com/u/majiayu000)
- Updated: 2026-09-09
- Page: https://skillmd.com/skills/majiayu000/instrumentation-and-telemetry

---


# 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.