browserbase skills

Browserbase Skills

一组技能，用于让 Claude Code 通过浏览器自动化和官方 bb CLI 与 Browserbase 协同工作。

Skills

该插件包含以下技能（详见 skills/ 目录）：

| 技能 | 描述 | |------|------| | browser | 通过 CLI 命令自动化浏览器交互 — 支持远程 Browserbase 会话，具备反机器人隐身、CAPTCHA 解决和住宅代理功能 | | browserbase-cli | 使用官方 bb CLI 操作 Browserbase Functions 和平台 API 工作流，包括会话、项目、上下文、扩展、fetch 和 dashboard 功能 | | deploy | 使用 bb CLI 将无服务器浏览器自动化部署到 Browserbase 云端 | | site-debugger | 诊断并修复失败的浏览器自动化 — 分析机器人检测、选择器、时序、认证和验证码，然后生成经过测试的站点手册 | | browser-trace | 在任何浏览器自动化过程中捕获完整的 DevTools 协议跟踪（CDP 数据流、截图、DOM 转储），然后将流分割为按页面可搜索的桶 | | bb-usage | 在终端仪表盘中显示 Browserbase 使用统计、会话分析和成本预测 | | cookie-sync | 将本地 Chrome 的 Cookie 同步到 Browserbase 持久化上下文，使 browse CLI 能够访问已认证的站点 | | fetch | 无需浏览器会话即可从静态页面获取 HTML 或 JSON — 检查状态码、请求头、跟随重定向 | | search | 无需浏览器会话即可搜索网络并返回结构化结果（标题、URL、元数据） | | ui-test | AI 驱动的对抗性 UI 测试 — 分析 git diff 以测试变更，或探索整个应用以发现 Bug |

安装

要将技能安装到流行的编码代理中：

$ npx skills add browserbase/skills

Claude Code

在 Claude Code 中，要添加市场，只需运行：

/plugin marketplace add browserbase/skills

然后安装插件：

/plugin install browse@browserbase

如果你更喜欢手动界面：

在 Claude Code 中，输入 /plugin
选择选项 3. Add marketplace
输入市场源：browserbase/skills
按回车选择 browse 插件
再次按回车选择 Install now
重启 Claude Code 以使更改生效

使用

安装完成后，你可以让 Claude 浏览网页或使用 Browserbase CLI：

"打开 Hacker News，获取最热帖子的评论并总结"
"QA 测试 http://localhost:3000，修复你遇到的任何 Bug"
"帮我订个披萨，你在 Doordash 上已经登录了"
"使用 bb 列出我的 Browserbase 项目，并以 JSON 格式输出"
"使用 bb functions init 初始化一个新的 Browserbase Function，并解释接下来的命令"

Claude 会处理其余部分。

对于本地和 localhost 工作，browse env local 现在默认会启动一个干净的隔离浏览器。当代理应重用你现有的本地 Chrome 会话、Cookie 或登录状态时，请使用 browse env local --auto-connect。

故障排除

Chrome 未找到

为你的平台安装 Chrome：

macOS 或 Windows：https://www.google.com/chrome/
Linux：sudo apt install google-chrome-stable

配置文件刷新

要从你的主 Chrome 配置文件中刷新 Cookie：

rm -rf .chrome-profile

资源

[Stagehand 文档](https://docs.stagehand.dev)
[Claude Code Skills](https://docs.anthropic.com/en/docs/claude-code/skills)