Replay MCP server for AI agents and assistants

Securely connect your AI agents and chatbots (Claude, ChatGPT, Cursor, etc) with Replay MCP or direct API to inspect browser recordings, review console output, trace network activity, analyze React state, and investigate performance through natural language.

Replay MCP logoReplay MCP
Api Key

Replay MCP is a debugging service for inspecting time-travel browser recordings. It brings console, network, React state, and performance data into one searchable view.

32 Tools

Try Replay MCP now

Type what you want done — sign in and watch it run live in the Tool Router playground.

TOOL ROUTER PLAYGROUND
Replay MCP
Try asking
TOOLS

Supported Tools

Every Replay MCP action and event your agent gets out of the box.

Annotations

Inspect the annotations in a recording.

Consolemessages

Show console API messages (console.

Describepoint

Describes the application state at a code execution point.

Evaluate

Evaluates an expression at a code execution point.

Executiondelay

Computes execution delays for functions based on their source length and the delay before the first breakpoint in each function executes.

Getpointcomponent

Gets the React component being rendered at a code execution point.

Getpointlink

Generates an app.

Getstack

Gets the call stack at a code execution point.

Inspectelement

Get size, layout, ancestry and render point information for a DOM element.

Listsources

List the sources in the recording.

Localstorage

Describe all the accesses made to localStorage.

Logpoint

Evaluates an expression at breakpoint hits for a given path and line number.

Networkrequest

Analyze network requests in the recording.

Playwrightsteps

Show all steps taken by Playwright in the recording.

Profilegraph

Profiles dependency graph entry execution between two points in a recording.

Profilesampling

Profiles the native C++ replay engine using stack sampling between two execution points.

Profilestatements

Profiles JS statement execution between two points in a recording.

Reactcomponenttree

Get the structure of the committed/mounted React component tree at a point in time.

Reactexception

Describe any exceptions thrown which caused React to unmount.

Reactperformanceinsights

Run all deterministic React performance checks on a recording and return prioritized findings.

Reactrenders

Analyze React renders in a recording.

Readsource

Read up to 50 lines of code centered around the given line and see what statements executed.

Recordingoverview

Provides a comprehensive overview of a recording: test results, errors, environment info, network activity, React render performance, and suggested next investigation steps.

Reduxactions

Analyze Redux actions in a recording.

Screenshot

Lists all screenshot timestamps in the recording, or fetches a screenshot at a given timestamp.

Searchsources

Search the sources in the recording and see which statements executed.

Tanstackqueries

Analyze TanStack Query (React Query) cache events in a recording.

Uncaughtexception

Describe uncaught exceptions and unhandled promise rejections (runtime errors not caught by try/catch).

Userinteractions

Show all user interactions (clicks and key presses) in the recording.

Warmrecording

Starts processing a recording if needed and reports its status.

Websocketmessages

Inspect the WebSocket connections in a recording and the messages sent and received on them.

Zustandstores

Analyze Zustand stores in a recording.

SETUP GUIDE

Connect Replay MCP Tool with your Agent

1

Install Composio

typescript
npm install @composio/core ai @ai-sdk/mcp @ai-sdk/openai
Install the Composio SDK and your agent framework
2

Create a session with MCP enabled

typescript
import { Composio } from "@composio/core";

const composio = new Composio();
const { mcp } = await composio.create("your-user-id", {
  toolkits: ["replay_mcp"],
  mcp: true,
});
Create a session scoped to Replay MCP and read its MCP URL and headers
3

Connect your agent to the MCP server

typescript
import { createMCPClient } from "@ai-sdk/mcp";
import { openai } from "@ai-sdk/openai";
import { generateText, stepCountIs } from "ai";

const client = await createMCPClient({
  transport: { type: "http", url: mcp.url, headers: mcp.headers },
});

const { text } = await generateText({
  model: openai("gpt-5.6-sol"),
  tools: await client.tools(),
  prompt: "Inspect the latest Replay recording and summarize console errors, exceptions, and failed network requests.",
  stopWhen: stepCountIs(10),
});

console.log(text);
await client.close();
Pass the session's MCP URL and headers to your agent and run a Replay MCP request
SETUP GUIDE

Connect Replay MCP API Tool with your Agent

1

Install Composio

typescript
npm install @composio/core @composio/openai openai
Install the Composio SDK, the OpenAI provider, and the OpenAI SDK
2

Create a Composio session

typescript
import OpenAI from "openai";
import { Composio } from "@composio/core";
import { OpenAIResponsesProvider } from "@composio/openai";

const composio = new Composio({ provider: new OpenAIResponsesProvider() });
const client = new OpenAI();

const session = await composio.create("your-user-id", { toolkits: ["replay_mcp"] });
const tools = await session.tools();
Initialize Composio with the OpenAI Responses provider and create a session scoped to Replay MCP
3

Run Replay MCP tools with your agent

typescript
let response = await client.responses.create({
  model: "gpt-5.6-sol",
  tools,
  input: [{ role: "user", content: "Inspect the latest Replay recording and summarize console errors, exceptions, and failed network requests." }],
});

while (response.output.some((o) => o.type === "function_call")) {
  const outputs = await composio.provider.handleToolCalls(session, response.output);
  response = await client.responses.create({
    model: "gpt-5.6-sol",
    tools,
    previous_response_id: response.id,
    input: outputs,
  });
}

console.log(response.output_text);
Send a request, execute the Replay MCP tool calls through the session, and print the final answer

Why Use Composio?

AI Native Replay MCP Integration

  • Supports both Replay MCP and direct API based integrations
  • Structured, LLM-friendly schemas for reliable recording inspection
  • Rich coverage for console output, exceptions, network activity, source code, React state, profiles, screenshots, and execution points

Managed Auth

  • Secure API key handling through Composio connections
  • Central place to manage, scope, and revoke Replay MCP access
  • Per user and per environment credentials instead of hard-coded keys

Agent Optimized Design

  • Tools are tuned using real error and success rates to improve reliability over time
  • Comprehensive execution logs so you always know what ran, when, and on whose behalf

Enterprise Grade Security

  • Fine-grained RBAC so you control which agents and users can access Replay MCP
  • Scoped, least privilege access to Replay MCP recordings and debugging data
  • Full audit trail of agent actions to support review and compliance
FRAMEWORKS

Use Replay MCP with any AI Agent Framework

Choose a Framework you want to connect Replay MCP with

Rolling this out across your team?

Give your team centralized access control across every framework with Composio’s MCP Gateway.

EXPLORE MCP GATEWAY
FAQ

Frequently asked questions

Start with Replay MCP.It takes 30 seconds.

Managed auth, hosted MCP servers, and every Replay MCP tool your agent needs.Free to start.

Start building