About Traceo
Traceo skills let coding agents use browser bug recordings to investigate issues, summarize them, generate tests, or prepare tickets. Each recording combines screen video with console, network, user-action, and environment context.
Key features
- 01Read recording timelines and evidence
- 02Find likely causes from errors and actions
- 03Summarize user actions and failures
- 04Generate end-to-end tests
- 05Prepare issue tickets from recordings
Use cases
- 01Investigate a bug from a shared recording
- 02Summarize what happened during a browser session
- 03Create an end-to-end regression test
- 04Draft a ticket with steps and evidence
MCP support
The skills read recordings through Traceo's MCP server. The public read-only endpoint exposes recording details, timeline, logs, requests, actions, comments, frames, and thumbnails; an authenticated endpoint supports listing, searching, and commenting on personal recordings.
Configuration
Remote servers need no local install. Pick your client, then copy the config or install in one click.
https://www.traceo.dev/mcpclaude mcp add --transport http muhamad-0-traceo https://www.traceo.dev/mcp{"mcpServers":{"muhamad-0-traceo":{"type":"http","url":"https://www.traceo.dev/mcp"}}}Open in Cursor{"servers":{"muhamad-0-traceo":{"type":"http","url":"https://www.traceo.dev/mcp"}}}Open in VS Code{"mcpServers":{"muhamad-0-traceo":{"type":"http","url":"https://www.traceo.dev/mcp"}}}{"mcpServers":{"muhamad-0-traceo":{"serverUrl":"https://www.traceo.dev/mcp"}}}Run commands in a terminal; paste JSON into the client’s MCP config and restart. Servers that need sign-in will prompt on first connect.
Tools
Details
From the project READMETraceo skills
Paste a Traceo link. Your coding agent sees the console, network and clicks behind the bug.
npx skills add muhamad-0/traceo-skills
Then paste a Traceo share link and say what you want:
- "fix this https://www.traceo.dev/…"
- "summarize this recording"
- "write a test for this"
- "make a ticket for this"
A Traceo recording is a screen recording of a browser tab with the console logs, network requests, user actions and environment (browser, OS, window size) attached, on one link. These skills let your agent read it through the Traceo MCP server and act on it.
Works with Claude Code, Cursor, Codex, GitHub Copilot, Gemini CLI, OpenCode and every agent skills.sh supports. Add --skill traceo-fix to install one skill.
Skills
You don't need to remember these names. Paste a link, say what you want, and your agent picks the skill.
- traceo: "Take a look at this recording." For a link with no instructions. It reads the recording and picks the skill below that fits.
- traceo-fix: "Fix this." Finds the root cause from the errors, failed requests and steps in the recording, and shows the evidence. It changes code only when you ask.
- traceo-summarize: "What's in this?" What the user did, what broke and where, in a few lines.
- traceo-to-e2e: "Write a test for this." An end-to-end test with your project's own test setup. A bug recording becomes a test that fails until the fix lands.
- traceo-to-ticket: "Make a ticket for this." Steps, expected vs actual, environment and evidence, filed in Linear, GitHub Issues or Jira when one is connected.
- traceo-setup: "Set up Traceo." Connects the Traceo MCP server, installs these skills and checks the connection.
Traceo MCP
The skills read recordings through the Traceo MCP server:
https://www.traceo.dev/mcp
It is public and read-only. It exposes only what the share link already exposes, so it needs no account or API key. Tools: get_recording, get_timeline, get_console_logs, get_network_requests, get_user_actions, get_comments, get_frames, get_thumbnail. Secrets in console logs and headers are redacted.
To let your agent list, search and comment on your own recordings, connect https://www.traceo.dev/mcp/me instead. Your client opens a Traceo sign-in page the first time (OAuth, no API key).
Connect it by hand:
Claude Code
claude mcp add --transport http traceo https://www.traceo.dev/mcp
Cursor
.cursor/mcp.json:
{ "mcpServers": { "traceo": { "url": "https://www.traceo.dev/mcp" } } }
VS Code
.vscode/mcp.json:
{ "servers": { "traceo": { "type": "http", "url": "https://www.traceo.dev/mcp" } } }
Claude.ai / Claude Desktop
Settings, Connectors, Add custom connector. Name Traceo, the URL above, no authentication.
Or ask your agent: Set up Traceo MCP by following https://www.traceo.dev/setup.md
Install as a Claude Code plugin
The plugin installs every skill and connects Traceo MCP. Use the plugin or npx skills add, not both, or the agent sees every skill twice.
/plugin marketplace add muhamad-0/traceo-skills
/plugin install traceo@traceo-plugins
Skills load as /traceo:traceo-fix, /traceo:traceo-summarize, and so on.
Requirements
- Recordings shared from the Traceo Chrome extension with console and network capture on.
- Free share links last 3 days. Pro links do not expire.
License
Comments
New to MCP?
From what the protocol is to installing your first server, these answers cover most first questions.
An open protocol that defines how AI applications connect to external tools and data in a uniform way. Clients talk to the model; MCP servers provide tools, resources and prompt templates. They exchange standard messages, so one server can be reused by many clients.
