chrome-cdp-skill
让AI直接操作你已打开的Chrome浏览器会话
安装使用
复制下面这段提示词发给你的 AI(Claude / Cursor / TRAE / Codex / WorkBuddy 等),它会自动帮你完成安装:
帮我安装这个 AI Skill:chrome-cdp-skill。 它的用途是:让AI直接操作你已打开的Chrome浏览器会话 完整的 Skill 内容见:https://321skill.com/skills/chrome-cdp-skill/raw/index.md 请读取该页面内容,如果是 SKILL.md 格式直接安装,如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接,AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“帮我查看我当前打开的GitHub仓库页面上,最新的issue标题是什么?” 它会通过该技能连接到你的Chrome,找到对应的标签页,执行JavaScript来获取页面数据并返回给你。或者,你可以说:“在我正在看的这个商品页面上,点击‘加入购物车’按钮。” AI便会驱动你的浏览器完成点击操作。
介绍
chrome-cdp-skill 解决了AI助手无法直接与用户当前正在使用的真实浏览器环境交互的痛点。大多数浏览器自动化工具会启动一个全新的、隔离的浏览器实例,这意味着AI无法访问用户已登录的账户(如Gmail、GitHub)、正在处理的页面状态或已打开的标签页。
使用方式非常简单。首先在Chrome中启用远程调试(访问chrome://inspect/#remote-debugging并打开开关),然后通过AI助手调用该技能提供的各种脚本命令。这些命令包括列出标签页、截图、获取页面HTML、执行JavaScript、点击元素、输入文本等,所有操作都直接作用于你当前的浏览器会话。
这个技能非常适合需要在真实用户会话上下文中进行网页操作的用户。例如,开发者调试已登录的内部工具、内容创作者管理多个社交媒体账户、数据分析师从需要认证的仪表板抓取实时数据,或者任何希望AI基于其当前浏览状态执行任务的人。
与同类工具(如基于Puppeteer的方案或chrome-devtools-mcp)的核心区别在于,它通过为每个标签页维护一个轻量级的持久守护进程,直接连接到Chrome的远程调试WebSocket。这避免了每次命令都重新连接触发“允许调试”弹窗的问题,并且能够稳定处理上百个打开的标签页,而其他工具在枚举大量目标时容易超时。
核心特点
核心区别在于直接连接并持久化用户当前的Chrome会话,而非启动一个干净的隔离实例。具体来说,它为每个标签页维护一个守护进程,使得Chrome的“允许调试”弹窗仅出现一次,并能可靠处理100+个已打开标签页,而同类工具(如chrome-devtools-mcp)在每次命令重连时都可能触发弹窗且标签页过多时会枚举超时。
注意事项
不适合需要启动全新、无痕或特定配置浏览器实例的自动化测试场景。
常见问题
需要安装额外的浏览器或框架吗?
不需要,它直接操作你已安装并正在运行的Chrome(或Chromium内核浏览器),无需Puppeteer等自动化框架。
操作会干扰我当前正在浏览的网页吗?
会,因为AI的操作(如点击、导航)会真实作用于你的标签页,就像你本人在操作一样。
给 AI 助手的安装指引
如果你的 AI 编程助手(Claude Code、Cursor、TRAE 等)能看到这个页面,把下面这段发给它即可自动完成安装:
请访问 https://321skill.com/skills/chrome-cdp-skill/raw/index.md 读取 chrome-cdp-skill 的原始 Skill 定义(Markdown 格式),按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址:/skills/chrome-cdp-skill/raw/index.md(查看排版版本)