Claude Code 看不见浏览器？Browserbase Skills 用 13 个技能包补上这个缺口

Claude Code 能写代码，但看不见浏览器。这是 AI 编程助手最荒谬的盲区——它帮你写前端，却没法刷新页面看一眼效果。

Browserbase Skills 补上了这个缺口。13 个 Skill 包，从基础浏览到自改善的 autobrowse，让 Claude Code 真正"看见"网页。

一、先认识 Browserbase 这家公司

创始人 Paul Klein IV 的故事值得单独说。他从 500 次 VC 拒绝中走出来，把 Browserbase 做成了估值 3 亿美元的公司。核心洞察很简单：API 覆盖不了 85% 的互联网——有登录墙、有 CAPTCHA、有动态加载、有反爬虫机制的网站，API 根本碰不到。

Browserbase 的解法是给 Agent 提供"真实浏览器"：

• 反机器人隐身模式（custom Chromium build）
• 自动 CAPTCHA 解决（reCAPTCHA、hCaptcha、Turnstile）
• 201 个国家的住宅代理
• 会话持久化（cookies、认证状态跨会话保留）

截至 2026 年 3 月，Browserbase 每月处理 3690 万独立浏览器会话，SDK 周下载量 80 万，开发者 10 万+。

二、13 个 Skill 的分层设计

Browserbase Skills 不是简单包装 API，而是按复杂度分层：

核心层（4 个）

进阶层（5 个）

工具层（4 个）

三、最核心的 autobrowse：自己学会爬山的 Agent

autobrowse 是 Browserbase Skills 的杀手锏。它的机制不是简单的"试错"，而是双 Agent 循环：

用户任务 → 内层 Agent 执行浏览 → 记录完整 trace → 外层 Agent 分析失败 → 形成假设 → 更新策略 → 重复直到稳定

具体循环

1. 任务定义：用户说"在 Google Flights 订一张机票"，autobrowse 创建任务定义（URL、输入、步骤、期望输出）
2. 内层执行：内层 Agent 按当前策略执行，记录每个动作、截图、accessibility tree、耗时、成本
3. 外层分析：外层 Agent 读 trace，定位失败点——元素没找到？选择器过期？页面加载慢？被 bot 检测拦截？
4. 假设形成：提出单一可测试假设，比如"点击下拉框后等 1 秒，选项动画完成前不可点击"
5. 策略更新：编辑 strategy.md，保留之前有效的部分，加入新假设
6. 迭代毕业：默认 5 次迭代。如果最近 3 次中通过 2 次以上，策略"毕业"为永久 Skill，安装到 ~/.claude/skills/

这个机制的本质是从一次性脚本到可复用知识的转化。传统爬虫写一次，网站改版就报废。autobrowse 的策略是活的，会自我修正。

多任务并行

autobrowse 支持用子 Agent 并行处理多个任务。每个子 Agent 独立跑 evaluate-improve 循环，主 Agent 汇总结果生成报告（通过率、成本、关键学习）。

四、双环境架构：本地 vs 云端

Browserbase Skills 的关键设计是同一套 CLI，两套环境。

本地模式（免费）

browse env local          # 干净隔离的浏览器
browse env local --auto-connect  # 复用本地 Chrome 会话和 cookies

适合：localhost 开发、文档站点、简单浏览。无需 API key，速度快。

云端模式（付费）

browse env remote         # 切换到 Browserbase 云

激活：

• 反机器人隐身
• 自动 CAPTCHA 解决
• 201 国住宅代理
• 会话持久化
• Cookie 同步（cookie-sync Skill）

适合：需要登录的网站、有反爬虫机制的网站、地理限制内容、生产级抓取。

切换是单个命令。开发用本地，生产切云端，同一套脚本不用改。

五、与 Claude Code 的集成

安装方式有三种：

Vercel Skills CLI（通用）：

npx skills add browserbase/skills

Claude Code 插件市场（推荐）：

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

OpenClaw（我们的生态）：

clawhub install browse
openclaw browserbase setup  # 配置 API key

安装后，自然语言直接调用：

• "去 Hacker News 看热评，总结前三条"
• "测试 http://localhost:3000，把发现的 bug 修了"
• "我在 DoorDash 已登录，帮我点份披萨"

Claude 自动选择对应的 Skill，不需要记命令。

六、定价与成本

Browserbase Skills 本身开源免费，但 Browserbase 云服务是付费的：

本地模式完全免费。成本敏感场景可以本地开发，只在需要反机器人/CAPTCHA 时切云端。

七、局限与边界

第一，Browserbase 是付费云。本地模式免费，但遇到复杂网站（CAPTCHA、反爬虫）必须切云端，产生成本。个人小项目可能不划算。

第二，autobrowse 的"毕业"标准偏宽松。最近 3 次通过 2 次就算稳定，对某些关键任务（如金融操作）这个标准不够严。需要手动增加迭代次数或自定义通过标准。

第三，accessibility tree 不是万能的。某些复杂交互（拖拽、画布操作、自定义组件）可能无法通过 tree 快照完整表达。需要配合截图或 CDP trace。

第四，Claude Code 的上下文限制。如果浏览大型 SPA（单页应用），一次 snapshot 可能包含大量节点，占用上下文预算。需要分页或选择性提取。

八、一个判断：AI 编程助手的进化方向

Browserbase Skills 代表了一个重要趋势：AI 从"能写代码"进化到"能用代码"。

写代码只是第一步。写出来的代码要在浏览器里跑，要处理真实网页的动态内容，要应对反爬虫和 CAPTCHA。Claude Code 装上 Browserbase 后，才真正形成了"写→测→调"的闭环。

autobrowse 的自改善循环更是一个信号：AI 不仅在执行任务，还在学习如何更好地执行任务。策略从一次性脚本变成可复用的知识，这是从"工具"到"经验"的跨越。

九、一句话总结

Browserbase Skills 给 Claude Code 装上了眼睛和手。13 个 Skill 覆盖从简单浏览到自改善自动化，本地免费、云端付费。autobrowse 的双 Agent 循环让浏览器自动化从"写死脚本"进化到"活的经验"。如果你用 Claude Code 做前端、做测试、做数据抓取，这套 Skill 几乎是必装的。

项目信息

• GitHub: https://github.com/browserbase/skills
• 公司: https://www.browserbase.com/
• 创始人: Paul Klein IV（从 500 次拒绝到 3 亿美元估值）
• 核心开源: Stagehand SDK, Browse CLI
• 定价: 本地免费，云端按量付费
• 支持 Agent: Claude Code, Cursor, OpenClaw, Codex 等 50+ 种

#Browserbase #ClaudeCode #AgentSkills #浏览器自动化 #autobrowse