js-eyes
JS Eyes 浏览器与运行时 CLI/MCP 工具
安装使用
复制下面这段提示词发给你的 AI(Claude / Cursor / TRAE / Codex / WorkBuddy 等),它会自动帮你完成安装:
帮我安装这个 AI Skill:js-eyes。 它的用途是:JS Eyes 浏览器与运行时 CLI/MCP 工具 完整的 Skill 内容见:https://321skill.com/skills/js-eyes-x-8/raw/index.md 请读取该页面内容,如果是 SKILL.md 格式直接安装,如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接,AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
'启动 JS Eyes 浏览器,打开 https://example.com,截图并保存为 screenshot.png',它会自动执行 js-eyes open --url https://example.com --screenshot screenshot.png 命令,返回截图文件路径。
对AI说:'用 JS Eyes 查看当前页面的所有网络请求',它会通过 MCP 调用浏览器调试接口,列出所有请求的 URL、状态码和耗时。
介绍
JS Eyes 是一个主机无关的浏览器与 Skill 运行时管理工具,解决开发者在浏览器环境、自动化脚本、MCP 服务间切换时安装、连接、操作和故障排查的痛点。它提供了统一的 CLI 命令行接口、MCP 协议支持以及可选的 OpenClaw 适配器,让用户能通过一条命令或一个 API 调用来启动、控制、调试 JS Eyes 浏览器实例,并管理运行在其上的 Skill 程序。无论是本地开发、远程调试还是 CI/CD 集成,都能获得一致的操作体验。
使用方式非常灵活:你可以直接在终端中执行 js-eyes 命令完成浏览器的启动、关闭、截图、页面导航等操作,也可以通过 MCP 服务器将 JS Eyes 的能力暴露给 Claude、Cursor 等 AI 编码代理,让 AI 自动操控浏览器完成测试、数据抓取或 UI 验证。OpenClaw 适配器则提供了与现有工具链的兼容层,方便迁移。安装后只需简单配置即可开始使用,支持多种身份验证和环境变量管理。
适合前端开发工程师、测试工程师、运维工程师以及依赖浏览器自动化的全栈开发者。特别是在需要反复启动浏览器进行 UI 测试、页面数据采集、跨平台兼容性验证,或者希望将浏览器操控能力接入 AI 工作流时,JS Eyes 能显著提升效率。它也适合需要管理多个 Skill 运行时实例的场景,例如微服务架构下的浏览器沙箱隔离。
建议用户先熟悉 CLI 基本操作,再逐步接入 MCP 或 OpenClaw 适配器。注意 JS Eyes 并非完整的浏览器,而是一个轻量级的运行时,不支持复杂的图形渲染和用户交互,因此不适合用于常规网页浏览或高负载的页面渲染任务。在接入 AI 代理时,注意合理配置权限和资源限制,避免浏览器实例被滥用。
核心特点
与 Puppeteer、Playwright 等浏览器自动化工具相比,JS Eyes 是主机无关的,不依赖特定操作系统或浏览器内核,且原生支持 MCP 协议,可直接作为 AI 代理的浏览器接口,无需额外封装。同时它内置了 Skill 运行时管理功能,可以加载和执行自定义的 Skill 脚本,扩展性强。
注意事项
不适合需要完整浏览器渲染引擎(如 WebGL、复杂动画)的场景,以及大规模并发浏览器集群管理。
常见问题
JS Eyes 和 Puppeteer 有什么区别?
JS Eyes 是主机无关的,不绑定特定浏览器,且原生支持 MCP 协议,可直接被 AI 代理调用。Puppeteer 仅控制 Chrome/Chromium,且需要额外的 MCP 适配层。
如何将 JS Eyes 接入 Claude 或 Cursor?
通过 MCP 协议启动 JS Eyes 的 MCP 服务器,然后在 Claude 或 Cursor 的配置中添加该 MCP 工具即可。详细步骤可参考官方文档。
给 AI 助手的安装指引
如果你的 AI 编程助手(Claude Code、Cursor、TRAE 等)能看到这个页面,把下面这段发给它即可自动完成安装:
请访问 https://321skill.com/skills/js-eyes-x-8/raw/index.md 读取 js-eyes 的原始 Skill 定义(Markdown 格式),按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址:/skills/js-eyes-x-8/raw/index.md(查看排版版本)