Chrome-CDP-Skill：革新 AI 浏览器自动化

想象一下，让您的 AI 代理拥有眼睛和双手，直接操作您实际的 Chrome 浏览器——您当前打开的标签页、已登录的 Gmail/GitHub 账户、您当前的工作流程状态。无需启动隔离浏览器。无需重新登录服务。无需干净页面的重新加载。

🎯 为什么 Chrome-CDP-Skill 改变一切

传统工具如 Puppeteer 或 Playwright 会启动全新的浏览器实例。chrome-cdp-skill 通过 Chrome DevTools Protocol (CDP) 直接连接到您的实时 Chrome。您的 AI 可以看到：

• 您已登录的页面（Gmail、GitHub、内部工具）
• 您正在使用的活跃标签页
• 真实页面状态（工作流程中）

2.6K GitHub 星标证明开发者热爱这种方法。

🚀 零设置安装

# 作为 pi skill（最简单）
pi install git:github.com/pasky/[email protected]

# 或者将 skills/chrome-cdp/ 复制到您的代理目录
# 只需 Node.js 22+（无需 npm install）

启用一次：chrome://inspect/#remote-debugging → 切换开关。

⚡ 功能强大的 CLI 命令

cdp list                    # 列出所有打开的标签页
cdp shot tab1              # 截取当前标签页截图
cdp snap tab1              # 辅助功能树
cdp html tab1 ".main"      # CSS 选择器的 HTML
cdp click tab1 ".button"   # 通过选择器点击
cdp type tab1 "Hello AI"   # 在焦点元素中输入
cdp eval tab1 "window.title" # 在页面上下文中运行 JS
cdp loadall tab1 ".more"   # 自动点击“加载更多”

🛡️ 优于 chrome-devtools-mcp

🎛️ 魔法如何实现

1. 直接 WebSocket 连接到 Chrome 的远程调试端口
2. 轻量级守护进程 为每个标签页启动（空闲 20 分钟后自动退出）
3. 一次性 “允许调试”每个标签页
4. 复用连接 静默用于所有命令

🌐 跨平台自动检测

✅ macOS：Chrome、Chromium、Brave、Edge、Vivaldi ✅ Linux：+ Flatpak 浏览器 ✅ Windows/WSL：使用 LOCALAPPDATA、CDP_HOST

🚀 60 秒快速上手

1. 克隆：git clone https://github.com/pasky/chrome-cdp-skill
2. 启用：chrome://inspect/#remote-debugging
3. 运行：./scripts/cdp.mjs list

您的 AI 代理现在控制您的真实浏览器。 完美适用于 Amp、Claude Code、Cursor 或任何 Node.js 代理。

⭐ GitHub 星标 | MIT 许可