agent-browser Skill by Vercel Labs

使用 Vercel Labs 的 agent-browser Skill,为 Agent 接入 agent-browser CLI 的浏览器操作流程。单独准备工具环境后,读取与已安装版本匹配的指令,再根据网页交互、探索式测试或受支持的 Electron 任务选择专项流程。

安装与快速上手

选择你使用的 Agent,查看对应的安装或使用方式。在 Floatboat 中,可复制请求让 Agent 读取原始说明;其他选项会显示该 Skill 的安装命令或发布者提供的原生步骤。

选择 Agent

在 Floatboat 中开始

复制请求,粘贴到 Floatboat 对话

请阅读 https://github.com/vercel-labs/agent-browser/blob/main/skills/agent-browser/SKILL.md 中的 agent-browser Skill 原始说明,介绍它的用途、所需工具和安装方式,再协助我使用。

由 Agent 读取原始说明,再确认当前环境的使用方式。

下载 Floatboat ↗

试试这样提问

用 agent-browser 测试登录流程。先加载当前核心指引,再报告具体在哪一步失败。

关于 agent-browser Skill

agent-browser Skill 是 Vercel Labs 为 agent-browser 浏览器自动化 CLI 发布的配套指令。它的入口文件较短,主要引导 Agent 从已安装 CLI 读取核心或专项流程,让详细操作说明与工具版本一致。核心流程面向网页交互,专项入口还覆盖探索式测试、Electron 应用等任务。Skill 与 CLI 的职责不同:安装指令不会同时安装工具和浏览器依赖,需要按上游说明单独准备环境,再在操作页面前加载匹配流程。实际执行时,还应根据当前页面状态选择目标,并核对任务结果。

agent-browser Skill 的使用场景

探索 Agent 需要加载工具操作流程的浏览器任务,例如检查网页交互、通过探索式测试复现问题,或读取 Electron 专项指引。先确认 CLI 与浏览器依赖可用,再围绕明确的网站或应用范围执行和验证。

Agent 需要检查真实网页流程

导航、读取控件快照或测试表单前,先加载 CLI 核心流程。

Bug 需要探索式复现

入口文件会指向专门的 dogfood 流程,用于探索式测试和质量检查。

目标是 Electron 应用

应使用 CLI 的 Electron 专项指引,而不是把它当普通网页会话。

如何使用 agent-browser Skill

将配套 Skill 添加到 Agent,并单独准备 agent-browser CLI 与浏览器依赖。读取 CLI 的核心或相关专项指令,检查当前操作目标,再执行任务并核对网页或应用的最终状态是否符合请求。

  1. 01

    添加配套 Skill

    使用上方安装方式为 Agent 添加指令。将这一步与浏览器工具环境的安装分开处理。

  2. 02

    准备 CLI 与浏览器

    按上游 agent-browser 说明安装 CLI 与浏览器依赖。确认 Agent 所在环境能够调用该工具。

  3. 03

    加载流程并验证

    读取 agent-browser skills get core 或匹配的专项流程。检查当前目标,执行任务并核对最终状态。

探索更多 Agent Skills

查看其他 Skill 指南,并在使用前核对原始来源。

agent-browser Skill 常见问题

安装 Skill 会同时安装浏览器 CLI 吗?
不会。Skill 只添加精简指令入口;agent-browser CLI 和浏览器环境需要单独安装。
完整浏览器指令在哪里?
已安装 CLI 通过 agent-browser skills get core 以及 dogfood、electron 等专项流程提供。
为什么这个仓库看起来像工具?
因为它的主体确实是 CLI 工具;SKILL.md 只是供 AI Agent 使用的配套组件,两者不应被当作同一种交付物。
单靠这个 Skill 能操作浏览器吗?
不能。导航、快照和交互由 CLI 执行;Skill 只告诉 Agent 先读取哪一份由 CLI 提供的流程。
浏览器指令为什么会突然找不到页面元素?
导航和动态更新可能替换控件或改变页面状态。应重新检查当前页面再选择目标,不要反复使用已经过时的元素引用。
连接浏览器后 Agent 就能提交任何表单吗?
能操作浏览器不代表获得了所有动作的授权。发送消息、发布内容、购买或改变账号访问权限前,仍需确认用户授权的目标与操作。
如何单独准备 CLI,而不是只安装 Skill?
按仓库的工具安装说明准备环境。入口文件列出 npm i -g agent-browser 和 agent-browser install,分别用于工具与浏览器设置。开始任务前读取 agent-browser skills get core,并核对上游的平台要求。