Browserbase Skills
一组技能,用于让 Claude Code 通过浏览器自动化和官方 bb CLI 与 Browserbase 协同工作。
技能列表
此插件包含以下技能(详情见 skills/ 目录):
| 技能 | 描述 |
|---|---|
browser |
通过 CLI 命令自动化网页浏览器交互 —— 支持远程 Browserbase 会话,具备反机器人隐身、验证码求解和住宅代理功能 |
browserbase-cli |
使用官方 bb CLI 操作 Browserbase Functions 和平台 API 工作流,包括会话、项目、上下文、扩展、fetch 和仪表盘 |
functions |
使用 bb CLI 将无服务器浏览器自动化部署到 Browserbase 云端 |
site-debugger |
诊断并修复失败的浏览器自动化 —— 分析机器人检测、选择器、时机、认证和验证码问题,然后生成经过测试的站点操作手册 |
browser-trace |
在任何浏览器自动化旁边捕获完整的 DevTools 协议跟踪(CDP 全量数据、截图、DOM 转储),然后将数据流按页面切分为可搜索的数据块 |
safe-browser |
构建本地的 Claude Agent SDK 浏览器代理,其唯一的浏览器能力是受 CDP 门控的 safe_browser 工具,并强制执行域名白名单 |
bb-usage |
在终端仪表盘中显示 Browserbase 使用统计、会话分析和成本预测 |
cookie-sync |
将 Cookie 从本地 Chrome 同步到 Browserbase 持久化上下文,使 browse CLI 能够访问需要登录的站点 |
fetch |
无需浏览器会话即可从静态页面获取 HTML 或 JSON —— 检查状态码、标头、跟随重定向 |
search |
无需浏览器会话即可搜索网络并返回结构化结果(标题、URL、元数据) |
ui-test |
由 AI 驱动的对抗性 UI 测试 —— 分析 git 差异以测试变更,或探索整个应用以查找错误 |
安装
要将技能安装到流行的编码代理中,请运行:
$ 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,获取置顶帖的评论,并总结它们”
- “对 http://localhost:3000 进行 QA 测试,并修复你遇到的任何错误”
- “给我点个披萨,你已经登录了 Doordash”
- “使用
bb列出我的 Browserbase 项目,并将输出显示为 JSON” - “使用
bb functions init初始化一个新的 Browserbase Function,并解释接下来的命令” - “使用
safe-browser构建一个仅停留在主网站的 Hacker News 爬虫”
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
