企业官网建设流程全解析

最近有个问题一直在我脑子里转：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，按需安装，互相配合：

我最感兴趣的是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 实用技巧！

谢谢你阅读我的文章~

我们下期再见！