Agent 浏览器
将以下提示词粘贴到你的 AI 对话框中:
请根据 https://skillhub.cn/install/skillhub.md,安装 @org-eyw2ohcx/vercel-labs-agent-browser
技能介绍
要解决的问题
给 AI Agent 做浏览器自动化,主流方案绕不开 Playwright 或 Puppeteer:两者都是 Node.js 生态的产物,启动慢、依赖重,还要求宿主环境装有 Node。更麻烦的是 Agent 常用的「截图 + 视觉模型」路线本身很脆弱——页面布局一变、元素位置偏移几像素,模型就可能点错按钮。agent-browser 针对的就是这两个痛点:让浏览器自动化足够轻、足够快,同时给 Agent 一种比像素坐标可靠得多的「看懂」页面的方式。
核心能力与工作方式
agent-browser 是一个原生 Rust 实现的 CLI,通过 Chrome DevTools Protocol(CDP)直连本机的 Chrome/Chromium,运行时不依赖 Playwright 或 Puppeteer。它的核心机制是无障碍树(accessibility tree)快照:Agent 拿到的不是截图,而是页面的结构化语义描述,每个可交互元素被压缩成类似 @e12 的短引用。Agent 只需在指令里引用这个代号,CLI 会把它映射回真实 DOM 节点再执行操作,从根本上绕开了基于坐标点击的不确定性。
工程化能力方面,它提供多会话管理、登录凭据保管(authentication vault)、状态持久化和操作录屏,便于事后调试与回放失败流程。
使用时需要注意:仓库里的 SKILL.md 只是一个「发现桩」(discovery stub),真正的工作流内容由 CLI 动态提供(如 agent-browser skills list),这样文档永远与已安装版本保持一致,不会过期。针对网页之外的场景,还有专门的技能包,覆盖以下方向:
- Electron 桌面应用
- Slack
- 探索性测试
- 云服务商控制台
适用边界与注意点
可观测性仪表盘默认监听 4848 端口,并且独立于浏览器会话运行,也可以通过 https://dashboard.agent-browser.localhost 这类代理或转发地址访问。Agent 应始终停留在仪表盘自身的 origin 上:会话标签页、状态和流式流量都在内部代理,因此不需要对外暴露各个浏览器会话的端口,这在远程或受限网络环境中是一条重要的安全边界。
使用场景
- Agent 需要填写并提交表单,希望用无障碍树引用精准点击目标元素,而非截图猜测坐标
- Agent 执行回归测试时需要录屏取证,并回放失败流程排查具体哪一步操作出了问题
- 需要批量登录多个网站,借助认证保管箱保存凭据并在后续会话中快速复用
- Agent 操作 Electron 桌面应用或 Slack 这类非网页场景,需要加载对应的专用技能
适合人员
- 负责编写 AI Agent 的工程师,需要让 Agent 稳定可靠地点击页面元素而不出错
- 做自动化测试的开发者,希望测试过程自动录屏,失败时能按会话回放定位问题
- 维护多套账号体系的运维人员,需要 Agent 在各站点间安全复用登录凭据完成巡检
- 为 AI Agent 搭建工具链的集成方,想把轻量浏览器能力嵌入现有工作流而非引入 Node 运行时