瀏覽器自動化助手:把網頁操作寫成可執行的 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 。

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

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

小夜