当前位置: 首页 > news >正文

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

bbCLI 管理 sessions、projects、extensions

bb-usage

终端 dashboard 实时显示用量统计和成本预测

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

谢谢你阅读我的文章~

我们下期再见!

http://www.jsqmd.com/news/747895/

相关文章:

  • 从课后题到实战:手把手教你用Docker和Kubernetes搭建自己的第一个私有云环境
  • 用PyTorch和ResNet-18复现FCN语义分割:从预训练模型到像素级预测的完整流程
  • 多核处理器内存分区技术解析与工程实践
  • xFasterTransformer:英特尔CPU大模型推理加速实战指南
  • RK3568之输入子系统
  • 从失败到 87.5%:OpenClaw 的任务进化
  • GraphRAG与Dify集成实战:构建基于知识图谱的智能问答应用
  • 【RT-DETR涨点改进】TGRS 2026 |独家创新首发、下采样涨点改进篇| 引入MWHL最大池化-小波下采样,同时融合最大池化与小波变换的优势,助力红外小目标检测,遥感目标检测有效涨点
  • 2026年值得关注!AI大模型接口代理网站推荐,满足不同场景需求
  • 软件行业TOP6 GEO优化公司2026:对比+评测,推荐避坑指南 - GEO优化
  • 爬虫进阶必修课:从正则表达式到re.sub实战,手把手教你打造智能文本清洗引擎
  • ChatGPT Shell CLI:零依赖终端AI助手,无缝集成命令行工作流
  • OpenClaw授权防火墙:从原理到实践,构建Web3代币授权主动防御体系
  • 基于Dify AI工作流构建智能文档系统:实现文档自动化更新与维护
  • 多智能体协同推荐系统RecGPT-V2架构解析与实践
  • 2026Q2双流货车租赁:双流新能源冷藏车租赁、双流货车售卖、双流货车租赁中心、成都新能源冷藏车租赁、成都新能源冷藏车配件售卖选择指南 - 优质品牌商家
  • 2026大型医疗设备回收哪家权威:医疗器械回收电话、医疗设备回收哪家好、大型医疗器械回收、库存医疗设备回收、废旧医疗器械回收公司选择指南 - 优质品牌商家
  • 德州仪器75亿美元收购Silicon Labs:物联网芯片市场格局重塑
  • 新手盆景避坑指南:从零开始的养护秘诀,90%的人都踩过的坑
  • 解决ArduinoIDE2.2.X以上版本不能使用ESP8266-littlefs问题
  • ARM调试事件原理与嵌入式开发实践
  • 高效配置开源Verilog仿真器:5个专业技巧与实战解析
  • 2026年4月空投创业公司哪家可靠:新手空投/稳定空投项目/空投孵化/空投扶持/轻资产创业/链上光年加盟/链上光年孵化/选择指南 - 优质品牌商家
  • 3分钟搞定Windows安卓应用安装:APK Installer的终极秘籍
  • 蜂鸟E203 SoC实战:在FPGA上搭建RISC-V开发环境并运行第一个程序(Vivado/Quartus教程)
  • 光伏行业TOP6 GEO优化公司2026:对比+评测,推荐避坑指南 - GEO优化
  • 2026海归求职机构哪家好:留学生无实习经历求职/留学生暑假回国实习/留学生求职内推/留学生求职机构哪家好/留学生求职机构对比/选择指南 - 优质品牌商家
  • Hide Mock Location终极指南:如何在Android上完美隐藏模拟位置设置
  • 基于大语言模型的电商智能客服SaaS平台架构与实战部署指南
  • 最新RedMix-Ernie-Image整合包,解压即用:文生图、图生图,n卡8G显存玩转4K