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

Yes, Replay MCP requires you to configure your own API key. Once set up, Composio handles secure credential storage and API request handling for you.

Yes! Composio's Tool Router enables agents to use multiple toolkits. Learn more.

Yes. Composio is SOC 2 Type II compliant and is built to keep your Replay connection and credentials secure. OAuth tokens and API keys are encrypted, and sensitive customer data is protected at rest and in transit.

Composio also undergoes independent security testing and continuously monitors its systems for security threats. You can review the latest reports and policies in the Composio Trust Center.

Composio maintains and updates all toolkit integrations automatically, so your agents always work with the latest API versions.

Create the key in your Replay account settings, then paste it once on Composio's connection page. Composio stores it encrypted and uses it only for the Replay actions your agent runs. Nobody else in your workspace can read it, and you can revoke it inside Replay at any time.

When you connect a Replay account through Composio, every action runs under that account, so anything the agent creates, sends, or changes shows up in Replay as done by you. Keep an approval step in your prompt for actions with side effects, such as sending or deleting, and have the agent draft first.

Whatever the credentials you connect allow inside Replay. If Replay lets you scope a key to specific permissions, create a scoped one so the agent can only do what you intend. You can revoke the key inside Replay at any time.

Yes. Composio supports multiple connected accounts for the same app, and that works in Claude, ChatGPT, or any other assistant you connect through Composio. Give each Replay connection a name such as work or personal, and the assistant uses the one you mention in the request. Each account keeps its own credentials and nothing is merged.

The connection stops working the moment Replay rejects the old key. Create a new key in Replay and reconnect the account from the Composio dashboard or by asking your agent to reconnect Replay. Nothing else changes.

Composio's free Hobby plan includes 100,000 tool calls per month with no credit card, which covers most personal Replay use. Paid plans add higher limits and team features. Your Replay plan and its API limits still apply as usual.

Built-in connectors usually give one AI access to a limited set of apps. Many people use Composio because it lets their AI connect to more apps than it normally supports, or connect to multiple accounts for the same app (e.g. connect Claude to multiple Replay accounts).

With Composio, you connect Replay once and then use it across different AI assistants without setting it up separately in each one. Connect your apps to Composio once, then connect Composio to whichever AI you use, whether that's Claude, ChatGPT, Hermes, or your own custom assistant.

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