遠程 noVNC + Chromium CDP:與 Agent 共用的可視化瀏覽器自動化

前言

做某音、某手等平臺的網頁自動化時,常見卡點不是「點不到按鈕」,而是登錄態、滑塊、驗證碼和人機校驗——腳本一跑就斷,Agent 反覆重試仍過不了關。純 headless 方案往往無法讓你在同一瀏覽器裏隨時介入補操作。

下面介紹 SkillHub 上的社區 Skill @user_f72e84b4/tencent-novnc-chromium-cdp(當前版本 v1.0.44):在 Linux 側把 noVNC、Chromium 與 CDP 組合成可遠程可視化的瀏覽器環境,在 Windows 側也可通過本機 Edge/Chrome 的 CDP 接管;目標是讓 AI Agent 與你在同一個瀏覽器實例裏協作,無圖形界面的服務器上也能通過 noVNC 看見並手動兜底登錄與驗證。

這是什麼

  • 座標:@user_f72e84b4/tencent-novnc-chromium-cdp
  • 來源:SkillHub 社區(community),發佈者 user_f72e84b4,分類 ai-agent
  • 標籤:requires_api_key=false(Skill 頁面標明無需 API Key)
  • 定位:面向 Agent 的瀏覽器自動化 Skill,強調「遠程可視化 + CDP 控制 + 人工介入驗證環節」,而非替代你完成平臺合規與賬號安全決策

官方 Skill 頁:https://www.skillhub.cn/skills/user_f72e84b4/tencent-novnc-chromium-cdp

核心功能(據官方簡介)

  1. Linux 一鍵部署組合:雲服務器、NAS 或本地 Linux 上,noVNC + Chromium + CDP 三合一,無桌面環境也可通過瀏覽器遠程查看並操作頁面。
  2. Windows 本機 CDP:Edge/Chrome 通過 CDP 一鍵接管,便於在本機已有瀏覽器會話上繼續自動化。
  3. 人機共享同一瀏覽器:Agent 與你的操作落在同一實例,減少「Agent 開無痕、你登錄另一個窗口」導致的態不一致。
  4. 驗證環節人工兜底:登錄、滑塊、驗證碼等由你在可視化界面介入,自動化流程在驗證通過後再繼續,降低因校驗失敗導致的任務反覆失敗。

官方未在公開頁單獨列出逐步操作命令或平臺專屬腳本;具體部署與 CDP 連接步驟以安裝到本地的 SKILL.md 爲準。

安裝與啓用

SkillHub 推薦兩種方式:用 CLI 安裝,或把安裝提示詞交給當前 Agent 按官方文檔執行。

1、安裝 SkillHub CLI(若尚未安裝)

先檢查是否已有 CLI:

command -v skillhub && skillhub --version

未安裝時可執行完整安裝(CLI + 默認 Skill):

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

僅安裝 CLI:

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

2、安裝本 Skill 到當前 Agent 的 skills 目錄

安裝時必須用 --dir 指向當前 Agent 實際讀取的 skills 目錄,否則默認會裝到 ./skills/,Agent 可能識別不到。

skillhub install @user_f72e84b4/tencent-novnc-chromium-cdp --dir <你的 Agent skills 目錄>

常見路徑(來自 SkillHub 安裝文檔,按你實際環境選用):

  • Cursor:~/.cursor/skills/
  • Claude Code:~/.claude/skills/
  • Codex:~/.codex/skills/ 或項目下的 .agents/skills/

3、通過提示詞讓 Agent 安裝

Skill 頁提供的安裝提示爲:請根據 https://skillhub.cn/install/skillhub.md,安裝 @user_f72e84b4/tencent-novnc-chromium-cdp。

將上述說明發給 Agent 後,Agent 應讀取 skillhub.md 並完成 CLI 檢查與本 Skill 的安裝目錄配置。

安裝完成後,按本地 Skill 文檔啓用;若 Agent 需重啓才能加載新 Skill,按你所用客戶端的慣例重啓或重開會話。

典型用法

公開 Skill 頁未附帶獨立的長示例倉庫;可復現的入口如下。

  1. 按上一節安裝 Skill 到正確的 --dir。
  2. 在 Agent 對話中說明目標(例如:在某平臺網頁上完成登錄後的發帖流程),並聲明使用本 Skill 提供的 noVNC/Chromium/CDP 或 Windows CDP 能力。
  3. 在 noVNC 或本機瀏覽器可視化界面中,遇到登錄、滑塊、驗證碼時人工完成,再讓 Agent 通過 CDP 繼續後續步驟。

具體端口、啓動腳本、CDP WebSocket 地址等以安裝後 Skill 包內文檔爲準;本文不臆造未在官方頁出現的配置項。

適用場景與注意

適合

  • 需要在 Linux 服務器/NAS 上跑瀏覽器自動化,但又要隨時看見頁面並手動過驗證。
  • Agent 與真人要共用同一瀏覽器會話,減少登錄態分裂。
  • 平臺網頁流程複雜、校驗頻繁,希望「自動化 + 人工兜底」而不是純無人值守。

限制與注意

  • 社區 Skill,維護節奏與平臺頁面變更風險需自行評估;自動化須遵守各平臺服務條款與法律法規。
  • 人工兜底意味着無法完全無人值守;夜間批處理仍可能卡在需實人驗證的環節。
  • SkillHub 頁面統計(截至資料抓取):評分 100000,下載 47375;與你在其他渠道看到的數字不一致時,以 SkillHub 頁面爲準。
  • 不涉及 API Key(requires_api_key=false),但云主機、帶寬與 Chromium 資源消耗需自行承擔。

結尾

若你的痛點是「網頁自動化總死在登錄和驗證」,這個 Skill 的價值在於:用 noVNC + Chromium + CDP(或 Windows CDP)把 Agent 和你綁在同一瀏覽器裏,驗證交給人、流程交給 Agent。安裝與優先源說明見 https://skillhub.cn/install/skillhub.md;Skill 詳情見 https://www.skillhub.cn/skills/user_f72e84b4/tencent-novnc-chromium-cdp。

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

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

小夜