Traceo

Traceo 技能

粘贴 Traceo 链接。你的编码 Agent 就能查看 bug 背后的控制台、网络请求和点击操作。

npx skills add muhamad-0/traceo-skills

然后粘贴 Traceo 分享链接，并说明你想做什么：

• “修复这个问题 https://www.traceo.dev/…”
• “总结这段录制”
• “为此编写测试”
• “为此创建工单”

Traceo 录制内容是浏览器标签页的屏幕录制，其中附有控制台日志、网络请求、用户操作和环境信息（浏览器、操作系统、窗口大小），并通过一个链接分享。这些技能让你的 Agent 通过 Traceo MCP 服务读取录制内容并据此采取行动。

支持 Claude Code、Cursor、Codex、GitHub Copilot、Gemini CLI、OpenCode 以及 skills.sh 支持的所有 Agent。添加 --skill traceo-fix 即可安装单个技能。

技能

你不需要记住这些名称。粘贴链接，说明你想做什么，Agent 就会选择合适的技能。

• traceo：“看看这段录制。”适用于没有附带说明的链接。它会读取录制内容，并选择下方最合适的技能。
• traceo-fix：“修复这个问题。”根据录制中的错误、失败的请求和操作步骤查找根本原因，并展示证据。只有在你提出要求时才会修改代码。
• traceo-summarize：“这里发生了什么？”用几句话说明用户做了什么、哪里出了问题。
• traceo-to-e2e：“为此编写测试。”使用项目自身的测试配置编写端到端测试。录制的 bug 会变成一个测试，直到修复落地前都会失败。
• traceo-to-ticket：“为此创建工单。”整理操作步骤、预期结果与实际结果、环境和证据，并在已连接的 Linear、GitHub Issues 或 Jira 中创建工单。
• traceo-setup：“设置 Traceo。”连接 Traceo MCP 服务、安装这些技能并检查连接。

Traceo MCP

这些技能通过 Traceo MCP 服务读取录制内容：

https://www.traceo.dev/mcp

该服务公开且只读。它只提供分享链接已公开的内容，因此无需账号或 API 密钥。工具：get_recording、get_timeline、get_console_logs、get_network_requests、get_user_actions、get_comments、get_frames、get_thumbnail。控制台日志和请求头中的机密信息会被隐藏。

若要让 Agent 列出、搜索和评论你自己的录制内容，请改为连接 https://www.traceo.dev/mcp/me。客户端首次连接时会打开 Traceo 登录页面（OAuth，无需 API 密钥）。

手动连接：

claude mcp add --transport http traceo https://www.traceo.dev/mcp

{ "mcpServers": { "traceo": { "url": "https://www.traceo.dev/mcp" } } }

{ "servers": { "traceo": { "type": "http", "url": "https://www.traceo.dev/mcp" } } }

或者让 Agent 执行：Set up Traceo MCP by following https://www.traceo.dev/setup.md

安装为 Claude Code 插件

该插件会安装所有技能并连接 Traceo MCP。请使用插件或 npx skills add，不要同时使用，否则 Agent 会看到重复的技能。

/plugin marketplace add muhamad-0/traceo-skills
/plugin install traceo@traceo-plugins

技能会以 /traceo:traceo-fix、/traceo:traceo-summarize 等形式加载。

要求

• 录制内容需通过 Traceo Chrome 扩展程序分享，并开启控制台和网络捕获。
• 免费分享链接有效期为 3 天。Pro 链接不会过期。

许可证

MIT