Claude Code 浏览器自动化插件 Browserbase Skills 完整上手指南。
最近有个问题一直在我脑子里转:AI 编程助手写代码够厉害,但到了"打开网页、点按钮、填表单"这种活,它反而束手无策。Claude Code 能帮你生成一整个项目,却不能帮你自动登进去测一下效果。
多多少少感觉是有点讽刺。
直到我遇到了Browserbase Skills。
这是什么
Browserbase/skills 是一套为 Claude Code(以及 Cursor、Codex 等)设计的浏览器自动化技能插件,目前 GitHub 上已有1600 个 Star,发布才半年多。
它干的事说简单也简单:给 Claude Code 装上一双能"操作浏览器"的手。
你可以直接用自然语言告诉 Claude:
"去 Hacker News 把今天热帖评论总结一下"
"帮我 QA 测 localhost:3000,有 bug 直接修"
"我 Doordash 已经登录了,帮我订一个披萨"
Claude 会自己搞定剩下的事。
10个技能,各司其职
这套插件拆成了 10 个独立的 Skill,按需安装,互相配合:
Skill | 一句话干什么 |
|---|---|
| browser | 完整浏览器自动化,支持反爬、验证码自动破解、住宅代理 |
| fetch | 静态页面内容抓取,无需启动浏览器,速度快 |
| search | 搜索 web,返回结构化结果(标题/URL/元数据) |
| functions | 把浏览器自动化部署成 Serverless 云函数 |
| site-debugger | 自动诊断失败的自动化脚本,分析反爬/选择器/Auth 问题 |
| browser-trace | 全量 CDP 追踪,截图+DOM dump,按页面分桶可搜索 |
| cookie-sync | 把本地 Chrome cookies 同步到 Browserbase,让 AI 直接用你的登录态 |
| ui-test | AI 驱动的对抗性 UI 测试,分析 git diff 自动找 bug |
| browserbase-cli | 用 |
| bb-usage | 终端 dashboard 实时显示用量统计和成本预测 |
我最感兴趣的是cookie-sync和ui-test这两个。
cookie-sync解决了一个很真实的痛点:很多网站需要登录才能访问,以前要么用账密、要么手动配 cookies,现在直接把本地 Chrome 的 cookies 同步过去,AI 操作浏览器时自动"已登录"状态,体验比 Playwright 自己维护 session 省事多了。
ui-test更有意思,它不单单只是跑跑固定的测试用例,而是"对抗性"的:分析你的 git diff,主动去找你改动可能引入的 bug。相当于给你配了个专门挑刺的 QA 实习生。
装起来真的很简单
两行命令搞定:
# 方式一:通用 Skills CLInpx skills add browserbase/skills# 方式二:Claude Code 插件市场/plugin marketplace add browserbase/skills /plugin install browse@browserbase要用远程 Browserbase session(有反爬能力),再配一个 API key:
exportBROWSERBASE_API_KEY=你的keyexportBROWSERBASE_PROJECT_ID=你的项目ID本地开发调试不想用云端?直接browse env local,走本地 Chrome,没有 API 消耗。
为什么我觉得这东西值得关注
说实话,浏览器自动化不是新鲜事。Playwright、Puppeteer 用了好几年了,成熟得很。
但 Browserbase Skills 给我的角度不一样。
它不是给你写自动化脚本,而是让AI Agent 自己学会操浏览器。
区别在于:以前你要告诉 Playwright 每一步怎么做;现在你只需要告诉 Claude 要达到什么目的,它自己决定怎么点、怎么填、遇到验证码怎么处理。
加上site-debugger能自动分析反爬机制、browser-trace能全程记录 CDP 协议流、functions能把整套流程打包成云函数定时跑,整个链路从"能用"变成了"真的能在生产环境跑"。
1600 个 Star,107 个 Fork,20 位贡献者,半年时间,这个增长速度说明开发者在真实场景里用得还不错。
AI 真正有用的标志,不是会聊,而是会动手。Browserbase Skills 迈出了这一步。
🔗 项目地址:https://github.com/browserbase/skills
我是顾北,关注我,获取更多好玩好用的 Claude Code 实用技巧!
谢谢你阅读我的文章~
我们下期再见!
