pi-browser-cdp-extension
为AI编码助手提供浏览器自动化能力的CDP扩展。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：pi-browser-cdp-extension。 它的用途是：为AI编码助手提供浏览器自动化能力的CDP扩展。 完整的 Skill 内容见：https://321skill.com/skills/pi-browser-cdp-extension/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“帮我检查一下https://example.com页面在登录后，用户仪表板的数据加载是否正常。”，AI在获得此Skill能力后，可以通过CDP指令控制浏览器导航到该页面，模拟登录操作，然后执行JavaScript来检查特定DOM元素或网络请求，最后将结果和分析反馈给你。
介绍
这个Skill是一个专为Pi coding-agent设计的浏览器扩展，它通过暴露BrowserCode CDP（Chrome DevTools Protocol）的browser_execute功能，使得AI助手能够直接与浏览器进行交互和控制。它解决了AI在辅助编程或自动化任务时，无法直接操作真实浏览器环境（如获取页面动态内容、模拟用户交互、执行JavaScript等）的问题。
使用方式通常是在配置了Pi coding-agent的环境中，通过安装此npm包并启用相应的扩展功能。AI助手（如Claude等）在获得授权后，可以通过发送特定的CDP指令来驱动浏览器执行一系列操作，例如导航到指定URL、抓取渲染后的页面数据、点击按钮或填写表单，从而完成复杂的网页交互任务。
它主要适合前端开发者、自动化测试工程师、数据抓取（爬虫）脚本编写者，以及任何需要将AI的逻辑判断与真实浏览器操作相结合的进阶用户。他们可以利用此Skill，让AI助手协助完成需要浏览器环境验证的代码调试、自动化流程构建或动态数据采集工作。
使用建议是确保在受控和安全的环境下使用，因为授予AI浏览器控制权存在一定风险。注意事项包括：需要预先配置好兼容的浏览器实例（如Chrome/Edge）并开启远程调试端口；AI生成的浏览器操作指令应经过审查，避免执行不安全的脚本或访问恶意网站；同时，该Skill的性能和稳定性依赖于本地浏览器与CDP连接的状况。
核心特点
核心区别在于它并非一个通用的浏览器自动化库，而是专门为Pi coding-agent设计的扩展，将CDP的底层`browser_execute`能力直接暴露给AI，使AI能像开发者工具一样精细控制浏览器。相较于其他通过封装API进行自动化的工具，它提供了更原始、更灵活的命令通道。
注意事项
不适合对浏览器自动化或CDP协议不熟悉的初学者，也不适用于生产环境的高并发或高稳定性要求的自动化任务。
常见问题
这个扩展和Puppeteer/Playwright有什么区别？
它不是独立的自动化库，而是让AI助手能通过CDP直接控制浏览器的桥梁，更侧重于AI驱动而非脚本驱动。
需要提前打开浏览器吗？
需要，你必须启动一个支持CDP且开启了远程调试端口的浏览器实例（如Chrome --remote-debugging-port=9222）。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/pi-browser-cdp-extension/raw/index.md 读取 pi-browser-cdp-extension 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/pi-browser-cdp-extension/raw/index.md（查看排版版本）