Claude Code终于能”看见”网页了——装上Browserbase Skills，直接操控你的浏览器

Claude Code 终于能”看见”网页了——装上 Browserbase Skills，直接操控你的浏览器

你们有没有这种感觉：让 Claude Code 修一个前端 bug，它猜来猜去，你来回描述五六遍，最后还是没修好？

根本原因是——Claude Code 只能看到代码，看不到你屏幕上的真实网页。

直到我装了这个 Browserbase Skills。

简单说，这是一个让 Claude Code 真正操控浏览器的技能包。有了它，Claude 不再只是”读代码改代码”，而是能打开 Chrome、操作网页、填表单、过验证，直接帮你把活干完。

装完就能干什么？

装完以后，Claude Code 会多出 16 个技能，随便说几个实用的：

• browser：最核心的技能，让 Claude 通过 CLI 命令控制 Browserbase 的云端浏览器，支持人脸识别验证、验证码破解、住宅代理，基本能过一切反爬。
• autobrowse：自我进化的浏览器自动化——它会反复运行任务、读取 trace 日志、优化导航策略，直到能稳定完成任务。说白了就是”让它自己学会操作”。
• ui-test：AI 对抗式 UI 测试。给它一个 git diff，它能自动分析改了什么，并针对性地测试，而不是盲目跑全流程。
• competitor-analysis：输入竞品官网，Claude 自动扒出竞争对手列表，出具一份带功能对比表、价格矩阵和舆情分析的可视化报告。
• browser-trace：捕获完整 DevTools 协议流量，截图、DOM 快照全都有，还能按页面切片搜索——做爬虫神器。
• search 和 fetch：无浏览器模式的网络搜索和网页抓取，速度快，不占用云端浏览器资源。

实测感受

最让我惊讶的是 autobrowse。有一次我让它自动化填写一个内部系统的工单表单，它第一次失败了，但紧接着它自己分析错误日志，调整了字段定位方式，第二次就成功了。整个过程我没插一句嘴。

另一个是 competitor-analysis——我输入了一个竞争对手的官网，3 分钟后拿到了一份相当完整的分析报告，包括他们的产品定价、功能矩阵和用户评价摘要。虽然细节还需人工核对，但框架已经非常完整了。

怎么装？

一行命令：

npx skills add browserbase/skills

或者在 Claude Code 里：

/plugin marketplace add browserbase/skills
/plugin install browse@browserbase

装完以后 Claude Code 会自动识别你的需求，在合适的时机激活对应技能。

适合谁用？

如果你需要 AI 帮你操作网页——不管是自动化测试、竞品调研、数据抓取还是表单填写——这个技能包直接装上就能跑，省去自己写 Playwright 脚本的时间和调试成本。

GitHub 链接收好：https://github.com/browserbase/skills

GitHub: https://github.com/browserbase/skills