القائمة
Set up session replay for visual debugging. Use when implementing DOM recording with privacy controls.
التثبيت باستخدام 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.
Set up error tracking with actionable context. Use when configuring error capture or error boundaries.
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.
| name | session-replay |
| description | Set up session replay for visual debugging. Use when implementing DOM recording with privacy controls. |
| triggers | ["session replay","record user sessions","visual debugging"] |
| priority | 3 |
Capture visual recordings of user sessions for debugging.
Mask by default:
| Resource | Limit |
|---|---|
| CPU | <3% additional |
| Memory | <10MB additional |
| Network | Batch uploads, compress |
| Bundle | Lazy load SDK |
| Do | Don't |
|---|---|
| Lazy load replay SDK | Include in main bundle |
| Mask all inputs by default | Allow recording of inputs |
| Sample sessions (10-20%) | Record 100% |
| Focus on error sessions | Record everything |
| Test privacy masking | Assume it works |
replaysSessionSampleRate: 0.1 // 10% of sessions
replaysOnErrorSampleRate: 1.0 // 100% of error sessions
Load vendor-specific configuration from references/platforms/*.md when generating code.
| Vendor | Config Reference |
|---|---|
| Sentry | references/platforms/sentry.md |
| Datadog | references/platforms/datadog.md |
| LogRocket | references/platforms/logrocket.md |
| FullStory | references/platforms/fullstory.md |
skills/error-tracking - Correlating errors with replaysskills/user-journey-tracking - Session context