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-testAI 驱动的对抗性 UI 测试分析 git diff 自动找 bugbrowserbase-cli用bbCLI 管理 sessions、projects、extensionsbb-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 browsebrowserbase要用远程 Browserbase session有反爬能力再配一个 API keyexportBROWSERBASE_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 个 Star107 个 Fork20 位贡献者半年时间这个增长速度说明开发者在真实场景里用得还不错。AI 真正有用的标志不是会聊而是会动手。Browserbase Skills 迈出了这一步。 项目地址https://github.com/browserbase/skills我是顾北关注我获取更多好玩好用的 Claude Code 实用技巧谢谢你阅读我的文章~我们下期再见