pi-skill-agent-browser
通过Chrome DevTools协议实现浏览器自动化的Pi技能。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：pi-skill-agent-browser。 它的用途是：通过Chrome DevTools协议实现浏览器自动化的Pi技能。 完整的 Skill 内容见：https://321skill.com/skills/pi-skill-agent-browser/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“用浏览器技能打开知乎首页，找到搜索框，并截图给我看。”，它会自动启动浏览器，导航到知乎，定位页面元素，并将截图返回给你。或者
对AI说：“监控‘example.com’页面所有网络请求中的错误状态码。”，它会持续监听网络日志并过滤出错误信息。
介绍
这个Skill解决了在AI Agent环境中直接控制浏览器并执行自动化任务的需求。传统上，自动化浏览器需要编写专门的脚本或使用复杂的框架，而这个Skill将Chrome DevTools Protocol (CDP) 的能力封装为AI Agent可以直接调用的接口，使得通过自然语言指令进行网页导航、元素操作和数据抓取成为可能。
使用方式非常直接。用户只需在支持此Skill的AI Agent（如Pi）中，通过自然语言发出指令，例如“打开百度并截图”或“监控这个页面的网络请求”，该Skill便会调用底层的CDP连接，驱动一个真实的Chrome浏览器实例来执行相应操作，并将结果（如截图、日志、执行结果）返回给用户。整个过程无需用户手动编写或运行任何代码。
它非常适合需要快速进行网页交互测试、数据抓取、UI自动化检查或监控网页行为的开发人员、测试工程师和数据分析师。对于不熟悉Selenium或Puppeteer等工具的非技术用户，也能通过AI对话轻松完成简单的浏览器自动化任务。
使用建议方面，请注意该Skill依赖于一个可连接的Chrome或Chromium浏览器实例。首次使用前可能需要确保浏览器已启动并开放了远程调试端口。由于它操作的是真实浏览器，执行速度可能不如无头模式快，且会消耗一定的系统资源。在进行敏感操作（如输入密码）或长时间监控时，应注意会话安全与资源管理。
核心特点
与同类Skill相比，它直接集成了完整的Chrome DevTools Protocol，不仅能执行点击、截图等基础操作，还能深度监控控制台日志、网络请求，并支持执行任意JavaScript代码来与页面深度交互，功能更为全面和底层。
注意事项
不适合需要高并发、大规模爬虫或完全无头（不启动GUI）的纯后台自动化场景。
常见问题
需要提前安装Chrome吗？
是的，需要本地安装Chrome或Chromium浏览器，并确保其可被远程连接。
能用来做自动化测试吗？
可以用于简单的UI交互测试和页面监控，但复杂的测试用例建议使用专业的测试框架。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/pi-skill-agent-browser/raw/index.md 读取 pi-skill-agent-browser 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/pi-skill-agent-browser/raw/index.md（查看排版版本）