dev-browser
AI代理与开发者的浏览器自动化工具
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：dev-browser。 它的用途是：AI代理与开发者的浏览器自动化工具 完整的 Skill 内容见：https://321skill.com/skills/dev-browser/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“用Dev Browser打开example.com并获取页面标题”，它会生成并执行相应的JavaScript脚本，通过CLI启动或连接浏览器，导航到指定网址，然后将页面标题打印输出给你。
介绍
Dev Browser 是一款专为AI代理和开发者设计的浏览器自动化工具，旨在解决自动化脚本执行的安全性和便捷性问题。它允许用户通过编写JavaScript脚本，安全、高效地控制浏览器进行网页导航、交互和数据抓取等操作。
使用方式非常灵活，既可以通过CLI命令行快速执行单行脚本，也可以连接到正在运行的Chrome浏览器进行调试。工具提供了完整的Playwright API，支持页面跳转、点击、填写表单、元素定位、截图等丰富功能，并能保持页面会话的持久性，方便跨脚本交互。
它非常适合AI代理（如Claude Code）执行网页自动化任务，也适合开发者进行网页测试、数据采集或日常的网页操作自动化。对于需要将浏览器操作集成到自动化流程中的团队和个人来说，这是一个强大的工具。
与同类浏览器自动化工具（如Puppeteer、Selenium）相比，Dev Browser的核心优势在于其沙盒化执行环境和为AI代理深度优化的设计。它通过QuickJS WASM沙盒运行脚本，彻底隔离了脚本与主机环境，安全性更高。同时，它提供了专门针对AI工作流的安装和集成方式，使得AI助手能更自然地调用浏览器功能。
核心特点
核心区别在于其专为AI代理工作流设计，通过沙盒化执行（QuickJS WASM）确保脚本安全，且能自动连接现有浏览器或启动独立实例，为AI提供了即插即用的浏览器控制能力。
注意事项
不适合需要直接访问主机文件系统或原生Node.js模块的复杂自动化场景。
常见问题
Dev Browser 和 Puppeteer 有什么区别？
Dev Browser 基于 Playwright API，但增加了沙盒安全执行、为AI代理优化的CLI以及自动连接现有浏览器的能力。
如何让我的AI助手（如Claude）使用它？
安装后运行 `dev-browser install-skill --claude` 即可在AI助手的技能目录中安装对应的使用指南。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/dev-browser/raw/index.md 读取 dev-browser 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/dev-browser/raw/index.md（查看排版版本）