skills
为 Claude Code 打造的 Agent 插件,提供浏览器自动化、CAPTCHA 绕过、网站调试、Cookie 同步等 10 项技能。亮点是以官方 SDK 形式将复杂浏览器操作封装为命令行技能,让 Claude 直接调用,可用于自动化测试、数据抓取、UI 冒烟测试等场景,降低 Agent 与真实网页交互的门槛。
README
Browserbase Skills
一套用于让 Claude Code 通过浏览器自动化和官方 bb CLI 与 Browserbase 配合使用的技能。
Skills
该插件包含以下技能(详见 skills/):
| 技能 | 描述 |
|---|---|
| browser | 通过 CLI 命令自动化网页浏览器交互——支持远程 Browserbase 会话,具备反爬虫隐身、CAPTCHA 验证码解决和住宅代理功能 |
| browserbase-cli | 使用官方 bb CLI 操作 Browserbase Functions 及平台 API 工作流,包括会话、项目、上下文、扩展、fetch 和仪表板 |
| functions | 使用 bb CLI 将无服务器浏览器自动化部署到 Browserbase 云端 |
| site-debugger | 诊断并修复失败的浏览器自动化——分析机器人检测、选择器、时序、认证和验证码,然后生成经过测试的站点 playbook |
| browser-trace | 捕获完整的 DevTools 协议追踪(CDP 数据流、截图、DOM 转储)并伴随任何浏览器自动化,然后将流分割为按页面可搜索的 bucket |
| bb-usage | 在终端仪表板中显示 Browserbase 使用统计、会话分析和成本预测 |
| cookie-sync | 将 cookies 从本地 Chrome 同步到 Browserbase 持久化上下文,使 browse CLI 能够访问已认证的站点 |
| fetch | 从静态页面获取 HTML 或 JSON,无需浏览器会话——检查状态码、头信息,跟踪重定向 |
| search | 搜索网页并返回结构化结果(标题、URL、元数据),无需浏览器会话 |
| ui-test | 基于 AI 的对抗性 UI 测试——分析 git diff 来测试变更,或探索整个应用以发现 bug |
安装
将技能安装到流行的编程代理中:
$ npx skills add browserbase/skills
Claude Code
在 Claude Code 中,添加 marketplace 只需运行:
/plugin marketplace add browserbase/skills
然后安装插件:
/plugin install browse@browserbase
如果你更喜欢手动界面:
- 在 Claude Code 中,输入
/plugin - 选择选项
3. Add marketplace - 输入 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 会话、cookies 或登录状态时,请使用 browse env local --auto-connect。
故障排查
未找到 Chrome
为你的平台安装 Chrome:
- macOS 或 Windows:https://www.google.com/chrome/
- Linux:
sudo apt install google-chrome-stable
刷新配置文件
要从你的主 Chrome 配置文件刷新 cookies:
rm -rf .chrome-profile