skills.rest
blackgirlbytes
blackgirlbytesCOMMUNITY
Explore all skills by this author →
𝕏@blackgirlbytesGitHub

replay-mcp

Inspect and debug web application recordings using the Replay MCP tool.

Updated Mar 7, 2026
Search Tags:#performance#debugging#web development#troubleshooting#replay#browser recording
One-click install
npx skills add https://github.com/blackgirlbytes/team-starter-repo --skill replay-mcp
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: replay-mcp
Source: https://github.com/blackgirlbytes/team-starter-repo/tree/main/.cursor/skills/replay-mcp
Command: npx skills add https://github.com/blackgirlbytes/team-starter-repo --skill replay-mcp

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps you investigate and understand the behavior of web applications by inspecting recordings of their execution, allowing for precise debugging and analysis.

Core Features & Use Cases

  • Inspect Recordings: Analyze browser recordings to understand application behavior.
  • Explore Events: Discover errors, timeline events, and source code execution.
  • Understand State: Investigate the application's state and dependencies at specific points in time.
  • Use Case: Debug a complex user interaction by replaying it and using the tools to pinpoint exactly when and why an unexpected state change occurred.

Quick Start

Use the replay-mcp skill to find all uncaught exceptions in the current recording.

Frequently Asked Questions about replay-mcp

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I debug unexpected state changes in a web application recording?▼

Debug unexpected state changes in a web application recording by replaying the browser session to pinpoint exactly when and why the state shift occurred. You can inspect the application's state, dependencies, and event sequences at specific points in time.

How do I find uncaught exceptions in a recorded browser session?▼

Find uncaught exceptions in a recorded browser session by inspecting the replay recording to discover errors and timeline events. This allows you to analyze application behavior and source code execution to locate the failure point.

Do I need the replayio CLI to inspect Replay recordings?▼

Yes, inspecting Replay recordings requires the replayio CLI and mcp__replay tools for data retrieval and analysis. These tools facilitate the inspection of browser recordings, event sequences, and source code execution.

What is the best way to analyze source code execution in web development troubleshooting?▼

The best way to analyze source code execution during web development troubleshooting is by inspecting a replay recording of the browser session. This method reveals the exact event sequences and application behavior leading to the issue.

Can I investigate application state at specific points in time using browser recording analysis?▼

Yes, browser recording analysis allows you to investigate the application's state and dependencies at specific points in time. By inspecting the recorded session, you can understand the exact behavior and event sequences that occurred.

Related Skills

Explore More Software Engineering Skills→
markeriksonmarkerikson
41

replay-cli

Record and upload application sessions via the Replay CLI.

Community
Intermediate
JacobHsuJacobHsu

corporate-events

Analyzes corporate events to generate trading insights for A-share markets.

Community
Advanced
DVNghiemDVNghiem
20

performance-profiling

Profile Node.js and web apps to identify CPU and memory bottlenecks.

Community
Advanced
tense-itense-i
1

log-analysis

Analyze application and system logs to identify errors, patterns, and root causes.

Community
Intermediate