navigator

为AI智能体提供简洁、可扩展的浏览器自动化能力。

安装使用

复制下面这段提示词发给你的 AI(Claude / Cursor / TRAE / Codex / WorkBuddy 等),它会自动帮你完成安装:

帮我安装这个 AI Skill:navigator。
它的用途是:为AI智能体提供简洁、可扩展的浏览器自动化能力。
完整的 Skill 内容见:https://321skill.com/skills/navigator-outfitter-dev/raw/index.md
请读取该页面内容,如果是 SKILL.md 格式直接安装,如果是 README 提炼核心 prompt 后安装。

提示词包含完整的 Skill 内容链接,AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。

使用示例

“帮我用Navigator打开电商网站,截图找出所有‘加入购物车’按钮,并点击第一个。”,它会通过MCP调用navigator工具,完成导航、截图识别元素引用(如`$e5`表示按钮),并执行点击操作。或者,你可以用CLI命令`nav open https://store.com && nav snap -i`快速获取页面交互元素的快照。

介绍

Navigator 是一个专为AI智能体设计的浏览器自动化工具,旨在解决智能体与网页交互时工具繁杂、状态难以保持的问题。它通过一个统一的MCP工具和简洁的CLI,让智能体能够执行导航、点击、截图、输入等操作,并引入了独特的标记系统来持久化标注UI元素。

使用方式非常灵活。开发者可以通过CLI直接控制浏览器,例如打开网页、截图并获取元素引用,或者设置标记以便后续快速定位。对于集成到AI工作流中,Navigator提供了MCP服务器,允许Claude等AI通过单一工具调用各种浏览器操作,简化了智能体的指令构造。

它特别适合需要让AI自动操作网页的开发者,如智能体开发者、全栈工程师和测试工程师。无论是构建能够自主浏览网页的AI助手,还是开发需要模拟用户行为的自动化测试脚本,Navigator都能提供稳定且可编程的底层支持。

需要注意的是,Navigator主要面向开发者和AI智能体,普通用户可能需要一定的命令行知识。其核心优势在于与AI工作流的深度集成,而非提供一个图形化的自动化录制工具。

核心特点

与同类浏览器自动化工具相比,Navigator专为AI智能体设计,通过单一MCP工具整合所有操作,避免了为每个动作创建独立工具的繁琐;其独特的标记系统允许AI持久化记录和引用页面上的特定元素,实现了跨会话的交互连续性。

注意事项

不适合需要复杂图形化操作录制或非编程式网页自动化的场景。

常见问题

Navigator和Puppeteer/Playwright有什么区别?

Navigator专为AI智能体集成设计,提供统一的MCP接口和标记系统,更适合作为AI的“手和眼”,而非通用的自动化测试库。

如何让我的AI助手使用Navigator操作浏览器?

通过`nav install --plugin claude`安装Claude插件,AI即可通过MCP协议调用navigator工具执行各种浏览器操作。

给 AI 助手的安装指引

如果你的 AI 编程助手(Claude Code、Cursor、TRAE 等)能看到这个页面,把下面这段发给它即可自动完成安装:

请访问 https://321skill.com/skills/navigator-outfitter-dev/raw/index.md 读取 navigator 的原始 Skill 定义(Markdown 格式),按其中说明在我的环境里完成安装和配置。