Community生產力與協作github.com

aradotso/chrome-cdp-live-browser

讓 AI 代理透過 CDP 存取您的即時 Chrome 工作階段 — 與開啟的分頁、已登入帳戶及當前頁面狀態進行互動。

chrome-cdp-live-browser 是什麼?

這個技能讓 AI 代理(例如 Claude Code、Cursor 或 Codex)能直接透過 Chrome DevTools Protocol (CDP) 連結並操作您的即時 Chrome 瀏覽器工作階段。如此一來,代理便可以存取您目前開啟的分頁、已登入的網站與應用程式,並能讀取當前頁面的 DOM、擷取螢幕截圖、執行 JavaScript,甚至模擬使用者輸入。這項功能對於需要與需要登入的服務互動、在真實環境中測試前端程式碼,或是自動化複雜的瀏覽器操作流程(但又不希望從頭開始設定全新的瀏覽器工作階段)的開發者來說特別有價值。該技能透過連接到 Chrome 的遠端偵錯連接埠來運作,而使用者只需在啟動 Chrome 時加上特定的命令列標記(`--remote-debugging-port=9222`)即可啟用此連接埠。一旦連接成功,AI 代理便能獲得一組強大又安全的 API,用以與您現有的瀏覽環境互動,同時保有您原本的 Cookie 與工作階段資料。

相容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/aradotso/trending-skills/tree/main/skills/chrome-cdp-live-browser

Installed? Explore more 生產力與協作 skills: steipete/gemini, steipete/gh-issues, steipete/skill-creator · View all 6 →

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

說明文件

chrome-cdp-live-browser 是做什麼的?

讓 AI 代理透過 CDP 存取您的即時 Chrome 工作階段 — 與開啟的分頁、已登入帳戶及當前頁面狀態進行互動。

功能

  • 即時瀏覽器存取:連接至您現有的 Chrome 工作階段,而非建立新的瀏覽器實例。
  • 分頁管理:列出、切換及操作已開啟的分頁。
  • DOM 互動:讀取與修改頁面內容、點擊元素、填寫表單。
  • 螢幕截圖:擷取可見區域或特定元素的螢幕截圖。
  • JavaScript 執行:在頁面環境中執行任意 JavaScript 程式碼。
  • 網路監控:監控網路請求與回應。
  • 工作階段保持:保留您現有的 Cookie 與登入狀態。

需求

  • 安裝 Chrome 或 Chromium 瀏覽器。
  • 以啟用遠端偵錯的方式啟動 Chrome。

啟動方式

macOS

/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --remote-debugging-port=9222

Linux

google-chrome --remote-debugging-port=9222

Windows (PowerShell)

Start-Process -FilePath "C:\Program Files\Google\Chrome\Application\chrome.exe" -ArgumentList "--remote-debugging-port=9222"

設定

此技能需要一個連接到 Chrome CDP 端點的連線。連線後,您可以使用下列工具:

  • list_tabs - 列出所有已開啟的分頁
  • get_tab - 取得特定分頁的詳細資訊
  • navigate - 導航至指定 URL
  • click - 點擊頁面上的元素
  • type - 在輸入欄位中輸入文字
  • screenshot - 擷取頁面截圖
  • evaluate - 在頁面中執行 JavaScript
  • get_dom - 取得頁面的 DOM 結構

使用範例

# 列出所有已開啟的分頁
list_tabs

# 切換到特定分頁
get_tab index=0

# 在上方分頁中導航
navigate url="https://example.com"

# 執行 JavaScript 以取得頁面標題
evaluate script="document.title"

安全性說明

  • 僅在您信任的網路上啟用遠端偵錯連接埠。
  • 此技能會將您目前開啟的分頁與工作階段的完整存取權限授予 AI 代理。
  • 請勿在共用或公開環境中使用,以免未經授權的存取。

支援的平台

  • Claude Code
  • Cursor
  • Codex
  • 任何可執行 Shell 命令並與 CDP 端點互動的 AI 代理。

授權條款

MIT

Individual skills in this repo

This repo contains 20 individual skills — each has its own dedicated page.

aradotso/724-office-ai-agent

Self-evolving AI agent system with 26 tools, three-layer memory, MCP plugins, and 24/7 self-repair in pure Python.

aradotso/agency-agents-ai-specialists

A collection of specialized AI agent personalities for Claude Code, Cursor, Aider, Windsurf, and other AI coding tools — covering engineering, design, marketing, sales, and more.

aradotso/agent-browser-automation

Headless browser automation CLI for AI agents using native Rust binary with Chrome DevTools Protocol

aradotso/antigravity-manager

AI coding agent skill for Antigravity Manager — a Tauri v2 + Rust desktop app and Docker service that manages multiple Google/Anthropic accounts and proxies them as standard OpenAI/Anthropic/Gemini API endpoints with intelligent account rotation.

aradotso/aracli-deploy-management

Guide to deploying and managing OpenClaw-compatible AI agent systems across cloud, bare metal, and hybrid infrastructure.

aradotso/autoresearchclaw-autonomous-research

Fully autonomous research pipeline that turns a topic idea into a complete academic paper with real citations, experiments, and conference-ready LaTeX.

aradotso/autoresearch-genealogy

Structured prompts, vault templates, and autonomous research workflows for AI-assisted genealogy using Claude Code.

aradotso/brreg

Search and retrieve Norwegian company data from Brønnøysundregistrene (the Norwegian Business Registry). Access all ~1.2 million registered companies in Norway.

aradotso/claude-hud-statusline

A Claude Code plugin that displays a real-time HUD showing context usage, active tools, running agents, and todo progress in your terminal statusline.

aradotso/claude-peers-mcp

Enable multiple Claude Code instances to discover each other and exchange messages in real-time via a local broker daemon and MCP server.

aradotso/clui-cc-claude-overlay

Command Line User Interface for Claude Code — a floating macOS desktop overlay with multi-tab sessions, permission approval UI, voice input, and skills marketplace.

aradotso/cmux-terminal-multiplexer

AI-native terminal multiplexer with programmable socket API, full Playwright-equivalent browser automation, and agent team coordination — built for Claude Code and autonomous agent workflows

aradotso/code-review-graph

Build a persistent knowledge graph of your codebase so Claude reads only what matters — up to 49x fewer tokens on coding tasks.

aradotso/codex-autoresearch-loop

Self-directed iterative research skill for Codex that continuously cycles through modify, verify, retain or discard, and repeat until a measurable goal is reached.

aradotso/copaw-ai-assistant

Personal AI assistant framework supporting multiple chat channels (DingTalk, Feishu, QQ, Discord, etc.) with extensible skills, local/cloud deployment, and cron scheduling.

aradotso/corridorkey-green-screen

AI-powered green screen keyer that unmixes foreground colors and generates clean linear alpha channels using neural networks

aradotso/crucix-intelligence-dashboard

Personal intelligence agent that aggregates 27 OSINT data sources into a self-hosted Jarvis-style dashboard with Telegram/Discord bots, LLM analysis, and real-time alerts.

aradotso/daily-stock-analysis

LLM-powered A/H/US stock intelligent analysis system with multi-source data, real-time news, AI decision dashboards, and multi-channel push notifications via GitHub Actions.

aradotso/deepseek-ocr

Expert skill for using DeepSeek-OCR, a vision-language model for optical character recognition with context optical compression supporting documents, PDFs, and images.

aradotso/edict-multi-agent-orchestration

Install and use the Edict (三省六部) multi-agent orchestration system with 12 specialized AI agents, real-time kanban dashboard, and audit trails

相關技能