📌 Skill基础信息
技能名称: gsd-browser
技能简称: 浏览器自动化
来源: 社区第三方 (gsd-build)
运行宿主: 仅支持在 Claude-Code CLI Agent 工具中运行
核心定位: 为AI智能体提供原生Rust浏览器自动化能力,解决网页交互、数据抓取、表单填写、自动化测试等场景下的浏览器操作需求。
🧩 内部核心组成
核心能力模块
- 导航控制: 页面跳转、前进后退、刷新等基础导航功能
- 交互操作: 点击、输入、悬停、滚动、拖拽等用户交互模拟
- 快照系统: 版本化元素引用(@v1:e1格式),支持页面状态捕获
- 智能表单: 基于标签分析的自动表单填写,无需CSS选择器
- 断言验证: 17种页面状态断言检查,确保操作结果符合预期
- 批量执行: 原子化多步骤流程执行,减少往返通信
- 实时视图: 本地工作台,支持屏幕共享和实时控制
主要命令功能
| 命令类别 | 核心命令 | 功能简述 |
|---|---|---|
| 导航 | navigate, back, forward, reload | 页面导航控制 |
| 交互 | click, type, hover, scroll, press | 模拟用户交互行为 |
| 快照 | snapshot, get-ref, click-ref | 捕获页面元素状态 |
| 表单 | analyze-form, fill-form | 智能表单分析与填写 |
| 断言 | assert | 页面状态验证检查 |
| 批量 | batch | 多步骤原子化执行 |
| 等待 | wait-for | 各种条件等待机制 |
🛠 安装与启用方式
安装命令:
skills install --user gsd-build/gsd-browser
关键步骤:
- 在Claude-Code CLI环境中执行上述安装命令
- 系统自动克隆仓库并配置技能
- 无需额外前置依赖(内置Rust实现)
- 通过Bash工具接口调用gsd-browser相关命令
启动方式: 技能安装后自动集成到Agent工具中,通过特定触发词或直接调用gsd-browser命令启用。
📋 标准工作流
典型使用链路
- 初始导航: 使用
navigate命令访问目标URL - 页面快照: 执行
snapshot获取版本化元素引用(@v1:e1格式) - 交互操作: 基于引用进行点击、填写等操作
- 状态验证: 使用
wait-for等待特定条件或assert进行断言检查 - 重新快照: 页面变化后必须重新快照获取新鲜引用
- 批量执行: 复杂流程可使用
batch进行原子化多步骤执行
示例流程
# 访问页面并获取元素引用
gsd-browser navigate https://example.com/login
gsd-browser snapshot
# 进行表单填写和提交
gsd-browser fill-ref @v1:e1 "username"
gsd-browser fill-ref @v1:e2 "password"
gsd-browser click-ref @v1:e3
# 验证登录结果
gsd-browser wait-for --condition url_contains --value "/dashboard"
gsd-browser assert --checks '[{"kind": "text_visible", "text": "Welcome"}]'
⚠️ 关键限制、缺陷、注意事项
平台限制
- 仅支持在Claude-Code CLI环境中运行
- 依赖本地浏览器守护进程,需要稳定的网络环境
性能考虑
- 页面变化后必须重新快照,会产生额外的token消耗
- 实时视图功能对系统资源要求较高
- 不适合大规模并发浏览器自动化场景
使用限制
- 引用具有版本性,页面DOM变更后旧引用立即失效
- 定位参数为位置参数,不能使用
--selector标志前缀 - 需要仔细管理会话状态,避免引用混淆
生产环境适用性
- 适合开发和测试环境的自动化任务
- 生产环境使用需谨慎评估稳定性和性能影响
- 已知在复杂动态网页中可能存在元素定位稳定性问题
✅ 适用场景 & ❌ 不适合场景
✅ 适用场景
- Web应用测试: 自动化功能测试、回归测试
- 数据抓取: 结构化数据提取 from动态网页
- 表单自动化: 智能表单填写和提交
- 工作流自动化: 多步骤网页操作流程
- 可视化测试: 页面状态断言和验证
- 演示和教学: 实时浏览器操作演示
❌ 不适合场景
- 高性能爬虫: 大规模高并发网页抓取
- 实时交易系统: 对延迟敏感的交易操作
- 安全敏感操作: 银行、支付等高风险场景
- 复杂SPA应用: 极其复杂的单页面应用自动化
- 移动端测试: 专为桌面浏览器设计,移动端支持有限
- 无界面环境: 需要图形界面的操作无法在无头环境中使用
如何安装
skills install --user gsd-build/gsd-browser通用安装教程:在哪里输入上面的命令
上面的命令本质是在「终端 / 命令行」中调用技能管理器,把该 Skill 下载并注册到你的 AI 工具。各主流工具打开终端的位置不同,按下面操作即可:
- 打开工具自带的终端面板,或系统终端(macOS「终端」、Windows「PowerShell」、Linux「Terminal」)。
- 把上面的安装命令复制进去,回车运行,等待下载与注册完成。
- 重启或重新加载 AI 工具,让新安装的 Skill 被识别。
- 新建对话并触发:直接描述用途,或通过该工具的技能 / 斜杠菜单选中此 Skill。
Claude 桌面版(macOS / Windows)
桌面版没有内置命令行,Skill 需通过 Claude Code CLI 安装。打开系统终端,先执行 npm install -g @anthropic-ai/claude-code,再运行上面的安装命令;完成后完全退出并重新打开 Claude。
Claude Code(终端 CLI)
直接在项目目录的终端里运行上面的命令即可。也可先输入 claude 启动交互界面,再在对话中引用该 Skill(/ 斜杠菜单或直接描述用途)。
VS Code(含 GitHub Copilot)
打开终端面板:菜单「终端 → 新建终端」,或快捷键 Ctrl+`(macOS 为 ⌃+`)。在终端里运行上面的命令;装完后执行「重新加载窗口」(Ctrl+Shift+P → Reload Window),让 Copilot 等扩展识别新技能。
Cursor
底部「终端」面板(Ctrl+`)即是内置终端。粘贴运行上面的命令,完成后在命令面板执行「Reload Window」刷新,再开始对话。
Windsurf
底部「终端」面板运行命令;也可直接使用其内置 Agent 终端,在对话侧执行安装。
其他工具(ChatGPT、本地脚本等)
不支持本地终端的产品,可先在本机终端完成安装,再在对话中描述该 Skill 的能力让其调用;不同工具的命令格式请以其官方文档为准。
风险提示
本 Skill 涉及读取隐私 / 敏感信息(如密钥、环境变量、凭据)。安装前请确认其用途是否必要。
检测到隐私/敏感信息读取(预设模式 #11)
命中检测项
- privacy_collect
Aitishiku.com