浏览器自动化助手:把网页操作写成可执行的 Agent 指南

前言

用 Playwright、Selenium 或 OpenClaw 做网页自动化时,难点往往不在「会不会写选择器」,而在流程是否完整:多标签怎么切、登录态怎么保持、上传下载路径怎么配、截图和抓取要不要等加载。每次让模型从零拼凑,容易漏步骤或混用框架 API。

下面介绍 SkillHub 上的「浏览器自动化助手」。它是一份面向 Agent 的浏览器自动化操作指南,把常见网页任务拆成可遵循的说明,便于在对话里直接落地。

这是什么

「浏览器自动化助手」是 SkillHub 坐标 @user_c562f70c/browser-auto 上的社区 Skill(来源:community,分类:dev-programming),当前版本为 1.0.0。发布者标识为 user_c562f70c;SkillHub 页面显示作者为 Aaron2025。

定位可以概括为:全面的浏览器自动化操作指南,不替代具体驱动,而是帮 Agent 在 OpenClaw、Playwright、Selenium 等框架下选对操作顺序与注意点。标签 requires_api_key=false,安装与使用不依赖额外 API Key 配置。

官方入口:

  • SkillHub 页面:https://www.skillhub.cn/skills/user_c562f70c/browser-auto
  • API 坐标页:https://api.skillhub.cn/user_c562f70c/browser-auto

核心功能

以下能力均来自官方简介,未在资料中出现的细节不展开:

  1. 基础页面操作:点击、填写表单、截图等常见交互。
  2. 多标签页管理:在多个标签之间切换与编排任务。
  3. 登录流程:覆盖需要登录的自动化场景中的流程要点。
  4. 文件上传与下载:处理浏览器侧的文件选择与保存路径类操作。
  5. 网页数据抓取:在自动化上下文中抽取页面数据。

Skill 说明其适用于 OpenClaw / Playwright / Selenium 等自动化框架;具体 API 以你实际选用的框架文档为准,Skill 侧提供的是操作层面的指引。

安装与启用

SkillHub 推荐让 AI 按官方安装文档完成安装。页面给出的提示词如下:

请根据 https://skillhub.cn/install/skillhub.md,安装 `@user_c562f70c/browser-auto`。

若本机已安装 SkillHub CLI,可将 Skill 安装到当前 Agent 的 skills 目录(必须使用 --dir,否则默认落在 ./skills/ 且可能不被识别):

command -v skillhub && skillhub --version

未安装 CLI 时,可按 SkillHub 安装文档执行完整安装或仅 CLI:

curl -fsSL https://skillhub-1388575217.cos.ap-guangzhou.myqcloud.com/install/install.sh | bash
curl -fsSL https://skillhub-1388575217.cos.ap-guangzhou.myqcloud.com/install/install.sh | bash -s -- --cli-only

安装本 Skill 示例(将 <skills 目录> 换成当前环境路径):

skillhub install user_c562f70c/browser-auto --dir <skills 目录>

常用客户端 skills 目录(摘自 SkillHub 安装文档,按你实际使用的工具择一):

环境 skills 目录
Cursor ~/.cursor/skills/
Claude Code ~/.claude/skills/
Codex ~/.codex/skills/ 或项目下 .agents/skills/
Gemini CLI ~/.gemini/skills/

安装后若 Agent 未立即识别新 Skill,按所用客户端说明重启或刷新 skills 配置。

典型用法

本 Skill 采用通用 SKILL.md 格式:安装成功后,在需要浏览器自动化的任务里直接让 Agent 引用该 Skill,由模型按指南组织步骤(选择框架、打开页面、操作元素、处理标签与文件等)。

可复现的起步方式与 SkillHub 页面一致:

  1. 完成上一节的 CLI 与 skillhub install(或把官方安装提示词发给 AI 代为执行)。
  2. 在对话中描述目标站点与任务,例如:「用 Playwright 登录某后台并导出报表」「多标签打开列表页并截图」。
  3. 明确要求遵循 @user_c562f70c/browser-auto 中的流程划分(点击/表单/截图、标签、登录、上传下载、抓取),再生成或修改脚本。

公开资料未提供独立示例仓库或固定脚本模板;具体选择器、等待策略、无头模式等仍以你所用框架的官方文档为准。

适用场景与注意

适合谁

  • 已在用 Cursor、Claude Code、OpenClaw 等带 Skills 的 Agent,希望减少「漏掉登录或下载步骤」的反复试错。
  • 团队需要在 Playwright、Selenium、OpenClaw 之间切换,但希望任务拆解方式保持一致。

使用注意

  • 这是指南型 Skill,不保证替代目标站点的合规审查;抓取与登录自动化需遵守站点条款与当地法规。
  • 动态页面、验证码、强反爬站点,指南无法消除工程难度,仍需你在框架层做等待、重试或人工介入。
  • SkillHub 抓取元数据显示评分为 100000、下载约 20075 次(统计以 SkillHub 展示为准,会随时间变化)。

结尾

「浏览器自动化助手」把点击、表单、截图、多标签、登录、文件传输和抓取等常见能力收拢成一份 Agent 可读的操作指南,适合挂在 OpenClaw / Playwright / Selenium 等栈上统一叙述方式。需要安装或查看说明时,请打开官方页面:https://www.skillhub.cn/skills/user_c562f70c/browser-auto 。

羽毛球分组比赛记分
小程序二维码

欢迎使用《羽毛球分组比赛记分》微信小程序

Xiaoye