Agent Skills
返回列表
Tabbit Devtools 自动化连接

Tabbit Devtools 自动化连接

AI Agent 更新于 2026.08.30

将以下提示词粘贴到你的 AI 对话框中：

请根据 https://skillhub.cn/install/skillhub.md，安装 @user_060bc032/tabbit-devtools-wbversion。

技能介绍

要解决的问题

当任务明确涉及 Tabbit、当前页或当前标签时，真正的瓶颈常常不是点击或填写表单，而是先拿到可用的浏览器端点。Tabbit 是 Chromium 系浏览器，但部分 HTTP 发现接口可能返回 404，导致通用 CDP 连接方式不够直接。这个技能把问题收敛到连接层：从本地配置读出 DevToolsActivePort，推导出可用的 WebSocket 端点，再交给 agent-browser 执行页面操作。

工作方式与适用边界

技能优先读取 ~/Library/Application Support/Tabbit/DevToolsActivePort，不存在时回退到 ~/Library/Application Support/Tabbit Browser/DevToolsActivePort。它会解析文件中的 TCP 端口与 /devtools/browser/ 路径，构造类似 ws://127.0.0.1:<port><browserPath> 的端点。需要结构化连接信息时，可运行 scripts/discover_tabbit_cdp.py；需要实际执行 open、snapshot -i、click @e3、fill @e5、press Enter 时，优先走 scripts/run_agent_browser_on_tabbit.py，把端点注入 agent-browser --cdp ...。连接建立后，页面自动化回到普通 agent-browser 流程。

它不适合替代 agent-browser，也不假设存在专属 tabbit-devtools MCP 服务。不要在这个技能里实现常驻代理、自定义 CDP 客户端或一次性 WebSocket 桥接。若当前环境无法启动 agent-browser，应停在连接说明并说明限制，而不是继续伪造浏览器操作能力。

使用场景

  • 在 macOS 打开 Tabbit 后，从 DevToolsActivePort 读取端口并生成 wsEndpoint。
  • 用户要求操作 Tabbit 当前标签，先运行 discovery 脚本返回 activePortFile、port 和 browserUrl。
  • 在 agent-browser 可用时，用 wrapper 脚本执行 open、snapshot、click 和 fill 等动作。
  • 当 HTTP 发现接口返回 404 时，改用本地 DevToolsActivePort 派生的 WebSocket 端点连接。

适合人员

  • 维护 Tabbit 页面自动化链路的工程师，需要把 agent-browser 接到本地浏览器端点。
  • 开发 AI Agent 工具的工程师，需要操作 Tabbit 当前页、点击元素或填写表单。
  • 调试 Chromium CDP 连接的工程师，需要处理 DevToolsActivePort 与 404 接口差异。
  • 构建浏览器操作助手的开发者，需要区分连接层与页面操作层的职责。