Repolode
reticlehq

reticlehq/reticle

让 AI 编程代理在真实运行的 Web 或桌面应用中验证改动,并返回通过、失败或无法判定的结论。

Star
1,276
Fork
220
未关闭 Issue
220
最近提交
17小时前

这是什么?

Reticle 针对 AI 辅助编程中的一个常见问题:代理写完代码后往往假定已经生效,却从不打开应用实际检查。它在应用中嵌入一个仅用于开发环境的 SDK,并通过 MCP 向代理暴露工具,使其能够观察、操作并断言正在运行的应用。

由于 SDK 运行在页面内部,它能看到与某次点击对应的网络响应、zustand、Redux、TanStack Query、Pinia 等状态库中的store 数据、控制台错误,以及每个元素对应的源码文件和行号。每次检查都会给出 yes、no 或 unknown 的结论并附带证据。保存的流程可以不依赖 AI 模型重新回放,也可以在 CI 中使用 `reticle gate`,要求受影响的代码改动必须有一次通过的运行记录。

支持 React、Next.js、Vue、Svelte、Angular 等 Web 框架,以及 Electron 和 Tauri 桌面应用,可配合 Claude Code、Cursor、Codex、Windsurf、VS Code、Gemini CLI 等支持 MCP 的客户端使用。桥接服务仅监听本地回环地址,生产构建不包含 SDK。

核心功能

  • 01为编程代理提供观察、操作、监听和断言运行中应用的工具。
  • 02给出 yes、no 或 unknown 的结论,并附带请求、状态变化和 file:line 等证据。
  • 03从页面内部读取网络响应、状态库数据、控制台输出和 React 渲染信息。
  • 04无需 AI 模型即可确定性地回放已保存的流程。
  • 05提供 `reticle gate` 命令,在 CI 中要求受影响代码有通过的运行记录。
  • 06生产构建不包含 SDK,本地桥接服务仅绑定 127.0.0.1。

适用场景

  • 验证代理完成的结账或登录改动在真实运行的应用中是否生效。
  • 发现隐藏问题,例如成功提示背后实际是 500 错误。
  • 固定关键用户流程,防止后续修改悄然破坏功能。
  • 在合并前通过 CI 要求已覆盖的流程完成验证。

快速上手

  1. 1

    用 npm 全局安装 reticle 命令

    npm install -g @reticlehq/server
  2. 2

    将 Reticle 注册到你的编码代理

    reticle setup mcp
  3. 3

    重启编码代理,然后在你的应用文件夹中运行 init

    reticle init

使用前须知

  • 服务端和命令行工具采用 FSL-1.1-ALv2 许可证,属于源码可见但并非 OSI 认可的开源协议,两年后转为 Apache-2.0。
  • 需要 Node 20.11 或更高版本、本地运行的开发服务器,以及支持 MCP 的编码代理。
  • 它需要驱动 Chromium 浏览器,并且匿名使用统计默认开启,除非你手动关闭。

标签

常见问题

reticle 是什么?
让 AI 编程代理在真实运行的 Web 或桌面应用中验证改动,并返回通过、失败或无法判定的结论。 Reticle 针对 AI 辅助编程中的一个常见问题:代理写完代码后往往假定已经生效,却从不打开应用实际检查。它在应用中嵌入一个仅用于开发环境的 SDK,并通过 MCP 向代理暴露工具,使其能够观察、操作并断言正在运行的应用。
reticle 可以免费使用吗?用的什么许可证?
reticle 以 Other 许可证开源。用于商业产品前,请先确认许可证条款。
reticle 还在维护吗?
活跃维护中。reticle 最近一次提交是在 2026年10月21日。
reticle 适合用来做什么?
验证代理完成的结账或登录改动在真实运行的应用中是否生效。 发现隐藏问题,例如成功提示背后实际是 500 错误。 固定关键用户流程,防止后续修改悄然破坏功能。 在合并前通过 CI 要求已覆盖的流程完成验证。
reticle 怎么安装和运行?
用 npm 全局安装 reticle 命令: npm install -g @reticlehq/server 将 Reticle 注册到你的编码代理: reticle setup mcp 重启编码代理,然后在你的应用文件夹中运行 init: reticle init
在哪里获取 reticle?
源代码和安装说明在 GitHub 上:https://github.com/reticlehq/reticle

概要由 AI 根据项目 README 生成;GitHub 数据每日更新。

相关项目