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` CLI 管理 sessions、projects、extensions
bb-usage	终端 dashboard 实时显示用量统计和成本预测

我最感兴趣的是 cookie-sync 和 ui-test 这两个。

cookie-sync 解决了一个很真实的痛点：很多网站需要登录才能访问，以前要么用账密、要么手动配 cookies，现在直接把本地 Chrome 的 cookies 同步过去，AI 操作浏览器时自动"已登录"状态，体验比 Playwright 自己维护 session 省事多了。

ui-test 更有意思，它不单单只是跑跑固定的测试用例，而是"对抗性"的：分析你的 git diff，主动去找你改动可能引入的 bug。相当于给你配了个专门挑刺的 QA 实习生。

装起来真的很简单

两行命令搞定：

复制代码

# 方式一：通用 Skills CLI
npx skills add browserbase/skills

# 方式二：Claude Code 插件市场
/plugin marketplace add browserbase/skills
/plugin install browse@browserbase

要用远程 Browserbase session（有反爬能力），再配一个 API key：

复制代码

export BROWSERBASE_API_KEY=你的key
export BROWSERBASE_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 实用技巧！

谢谢你阅读我的文章~

我们下期再见！