New: every message picks a fast or a slow model

Replay MCP

Replay MCP lets agents inspect time-travel browser recordings, including console output, exceptions, network activity, source code, React state, performance profiles, screenshots, and execution points.

What agents can do

Actions32

  • Annotations

    Inspect the annotations in a recording.

  • Console messages

    Show console API messages (console.log, console.warn, console.error, etc.).

  • Describe point

    Describes the application state at a code execution point.

  • Evaluate

    Evaluates an expression at a code execution point.

  • Execution delay

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

  • Get point component

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

  • Get point link

    Generates an app.replay.io link for users to inspect a given execution point.

  • Get stack

    Gets the call stack at a code execution point.

24 more
  • Inspect element

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

  • List sources

    List the sources in the recording.

  • Local storage

    Describe all the accesses made to localStorage.

  • Logpoint

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

  • Network request

    Analyze network requests in the recording.

  • Playwright steps

    Show all steps taken by Playwright in the recording.

  • Profile graph

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

  • Profile sampling

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

  • Profile statements

    Profiles JS statement execution between two points in a recording.

  • React component tree

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

  • React exception

    Describe any exceptions thrown which caused React to unmount.

  • React performance insights

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

  • React renders

    Analyze React renders in a recording.

  • Read source

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

  • Recording overview

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

  • Redux actions

    Analyze Redux actions in a recording.

  • Screenshot

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

  • Search sources

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

  • Tan stack queries

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

  • Uncaught exception

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

  • User interactions

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

  • Warm recording

    Starts processing a recording if needed and reports its status.

  • Web socket messages

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

  • Zustand stores

    Analyze Zustand stores in a recording.

How it connects

You paste an API key from Replay MCP on a page Composio hosts, so the key never passes through Definable.

Keep the connection to yourself or share it with your workspace. Any action that writes or sends can wait for your approval.