Aug 29, 2026

browserbase/skills:给 Claude Code 一整套浏览器自动化工具箱

一份 3.7k 星的官方 skill 集合,把 Claude Code 变成能干活的浏览器 agent——支持带验证码处理的远程会话、DevTools trace 捕获、对抗式 UI 测试,以及一条命令 QA 你的本地开发服务器。

#tutorial#agent-tools#web-search#developer-tools

AI agent 一旦离开文件系统就寸步难行:登录墙、重 JavaScript 的页面、你的 localhost 开发服务器——因为它不会开浏览器。browserbase/skills 是 Browserbase 官方的技能合集,给 Claude Code 装上一整套浏览器自动化工具箱——不是一个 skill,而是十七个,覆盖原始浏览、trace 捕获、UI 测试和研究报告生成。

为什么这个 Skill 重要

大多数浏览器 skill 只给你一件事:打开页面、读 DOM。这个合集覆盖了围绕它的完整生命周期。browser skill 通过远程 Browserbase 会话驱动浏览器,支持 Browserbase Identity、Verified browsers、验证码处理和住宅代理。browser-trace 捕获完整的 DevTools 协议流,并把它切分成按页面索引的可搜索桶。ui-test 做对抗式测试——分析你的 git diff 决定测什么,或者探索整个 App 找 bug。还有面向研究的 skill:company-research 对符合 ICP 的公司做深度研究并输出报告,competitor-analysis 汇编出可浏览的 HTML 报告,包含功能/定价矩阵。

仓库目前 3.7k 星,以 Claude Code 插件 marketplace 的形式发布,安装和更新走标准插件流程。

安装

通用安装器覆盖大部分 agent:

npx skills add browserbase/skills

在 Claude Code 上推荐走插件路径。先添加 marketplace:

/plugin marketplace add browserbase/skills

再安装插件:

/plugin install browse@browserbase

如果偏好手动界面:输入 /plugin,选第 3 项 Add marketplace,源填 browserbase/skills,选中 browse 插件,按 Install now。之后重启 Claude Code 让改动生效。

实战:QA 你的本地开发服务器

README 自带的例子就是你用得最多的那个。应用跑在 localhost 上,让 agent 去找 bug 并修复。

  1. 安装插件并重启 Claude Code。
  2. 照常启动开发服务器,然后提示:
QA test http://localhost:3000 and fix any bugs you encounter
  1. 本地和 localhost 的活,在第一条浏览器命令上加 --local(比如 browse open http://localhost:3000 --local),让 agent 启动一个干净、隔离的浏览器,而不是去连远程会话。

agent 会打开页面、点完各个流程、报告哪里坏了——因为它本来就在你的仓库里,可以直接改。

实战:总结一个讨论串

公开站点的读和总结类任务,直接描述目标就行:

Go to Hacker News, get the top post comments, and summarize them

如果希望 agent 复用你本地现有的 Chrome 会话——包括 cookie 和登录态——改用 --auto-connect。要让远程会话用上你的登录态,cookie-sync skill 会把本地 Chrome 的 cookie 同步到 Browserbase 持久化上下文。

技巧

  • localhost 用 --local;要复用现有 Chrome 会话用 --auto-connect
  • 如果提示找不到 Chrome,先按平台安装——Linux 上是 sudo apt install google-chrome-stable
  • 要从主 Chrome 配置刷新 cookie,删掉 .chrome-profile 目录再试。
  • safe-browser 构建的 agent 唯一的浏览器工具是 CDP 门控、带域名白名单的 safe_browser——当你更在意范围纪律而非灵活性时用它。
  • browser-to-api 能从一次 browser-trace 捕获中,把站点可观察的 HTTP 流量转成尽力而为的 OpenAPI 3.1 规范。

何时不用这个 Skill

目标页面是静态 HTML 或 JSON 的话,自带的 fetchsearch skill——或者直接 curl——比起一个浏览器会话更快。而如果你要大规模并行抓取,直接调 Browserbase API 或 Stagehand 在成本和确定性上都会优于 agent 逐步点击。


查看 排行榜 了解更多 skill。