Menu
Set up session replay for visual debugging. Use when implementing screen recording, replay features, or visual debugging tools.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
Configure crash symbolication for readable stack traces. Use when setting up dSYMs (iOS), ProGuard/R8 mappings (Android), or source maps (React Native).
Set up crash instrumentation with actionable context. Use when configuring crash capture, error boundaries, or breadcrumb strategies.
Plan what to measure in mobile apps. Use when starting observability, prioritizing instrumentation, or asking "what should I track?"
Measure time from user tap to action completion. Use when tracking button response times, form submissions, add-to-cart, or any tap-triggered operation.
Measure time from navigation tap to screen fully loaded and interactive. Use when tracking screen transitions, deep links, or tab switches.
Instrument API requests with spans and distributed tracing. Use when tracking request latency, correlating client-backend traces, or debugging API issues.
| name | session-replay |
| description | Set up session replay for visual debugging. Use when implementing screen recording, replay features, or visual debugging tools. |
| triggers | ["record user sessions","replay user actions","screen recording","see what user did","set up session replay","visual debugging"] |
| priority | 3 |
Capture visual recordings of user sessions for debugging.
Mask by default:
| Resource | Limit |
|---|---|
| CPU | <5% additional |
| Memory | <20MB additional |
| Network | Batch on WiFi |
| Battery | Pause when low |
| Strategy | Fidelity | Overhead |
|---|---|---|
| Screenshots (1-2 fps) | Lower | Lower |
| View hierarchy recording | Higher | Moderate |
| Hybrid (screenshots + events) | Best | Moderate |
Don't record everything. Target:
See references/session-replay.md for: