القائمة
Set up error tracking with actionable context. Use when configuring error capture or error boundaries.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
استنادا إلى تصنيف SOC المهني
Instrument API requests with spans and distributed tracing. Use when tracking request latency or debugging API issues.
Monitor JavaScript bundle size and execution performance. Use when tracking bundle size, identifying large chunks, or optimizing load performance.
Measure and optimize Core Web Vitals (LCP, INP, CLS). Use when implementing CWV tracking or debugging performance.
Measure SSR hydration timing and issues. Use when tracking hydration performance, debugging hydration mismatches, or optimizing SSR/SSG applications.
Plan what to measure in web applications. Use when starting observability or prioritizing instrumentation.
Measure time from navigation to page fully loaded and interactive. Use when tracking SPA navigation, route changes, or slow page transitions.
| name | error-tracking |
| description | Set up error tracking with actionable context. Use when configuring error capture or error boundaries. |
| triggers | ["error tracking","capture errors","error boundaries"] |
| priority | 1 |
Capture errors with the context needed to debug them.
An error without context is useless. Every error should include:
| Context | Why | Example |
|---|---|---|
route | Where it happened | "/checkout" |
job_name | What user was doing | "checkout" |
job_step | Where in the flow | "payment" |
user_segment | Who's affected | "premium" |
app_version | Release correlation | "1.2.3" |
| Type | Capture Method |
|---|---|
| Unhandled exceptions | window.onerror, SDK auto-capture |
| Promise rejections | window.onunhandledrejection |
| Component errors | Error boundaries |
| Async/await errors | try/catch with context |
| API errors | Fetch/axios interceptors |
| Don't | Why |
|---|---|
| Passwords | Security |
| Email/phone | PII |
| Full request bodies | PII, size limits |
| Entire app state | Unbounded |
| Localized messages | Breaks grouping |
See templates/error-boundary.tsx for React error boundary with telemetry.
Use Read tool to load template when generating implementation.
See references/anti-patterns.md for common error tracking mistakes.
skills/source-map-setup - Readable stack tracesskills/api-tracing - API error correlationreferences/frameworks/*.md - Framework-specific error handling