Reticle — Verify Your Running Web App From Inside

Embeds a dev-only SDK in your running web app so the agent can read DOM, network, console and framework state, drive one real user flow end to end, and return a verdict with the file:line to fix.

Dev & CodingIntermediate★ 334⑂ 74AI score 9/10Last updated: Aug 22, 2026

What it does

Runs npx @reticlehq/server init to wire the Reticle SDK into your project (monorepo aware) and has the agent finish any wiring the CLI flagged with ⚠/ℹ.
Starts the project's own dev script in the background, opens the browser tab itself, and confirms a live session via reticle_sessions — no questions asked.
Drives one real flow (sign in, search, add to cart, submit) with a minimal call budget: reticle_snapshot → reticle_act_sequence → a single reticle_act_and_wait.
Judges on real evidence — HTTP status and response body, DOM elements, absence of console errors — instead of screenshots.
Records and saves the flow so later checks are one call (reticle_verify {action:"change"} or reticle_flow_replay).
Explicitly treats unknown and no-fault as non-passes and forbids weakening an assertion to make it green.

Who it's for

Frontend devs (React, Vue, Next, Svelte…) who keep hitting "the test passes but the UI is broken".
Claude Code users who want proof, not vibes, after a user-facing change.
Small teams who want key flows checked without standing up a heavy E2E suite.

Examples

"Set up Reticle" → the agent picks framework, package manager and port itself, wires the SDK, boots the dev server, drives your login flow and reports the verdict.
After editing src/CheckoutPage.tsx, ask "did I break anything?" → it replays the saved flow, or honestly answers unknown and offers to record one if no flow covers that file.
Verifying a refund button: require POST /api/refund → 200 with the real amount in the body and a receipt element and no console errors, catching UIs that render optimistic fake success.

· · · Install guide · · ·

Try it now, no install

Paste this into Claude to use the skill without installing anything.

Read the instructions in this file and follow them to help me:
https://raw.githubusercontent.com/reticlehq/reticle/HEAD/plugin/SKILL.md

What I want: (describe your task here)

If Claude can't open the link, open it yourself and paste the contents instead.

↓ If it works for you, download the ZIP below and install it. Then it runs on its own — no pasting each time.

Install in the Claude app (no terminal)

Download the ZIP with the button below.
In Claude, open Settings → Capabilities and turn on 'Code execution and file creation'. (one time)
Go to Customize → Skills → + → 'Upload a skill' and upload the ZIP.

↓ Download ZIP

Install in Claude Code

Let Claude do it — paste this into Claude Code

Install the skill I found on Claude Skill Mart.
Copy the plugin folder from the GitHub repo reticlehq/reticle into my ~/.claude/skills/reticle/.
When it's done, tell me in one line what this skill can do.

Install with a command instead

git clone https://github.com/reticlehq/reticle.git /tmp/reticle && mkdir -p ~/.claude/skills/reticle && cp /tmp/reticle/plugin/SKILL.md ~/.claude/skills/reticle/SKILL.md

⚠ This is a third-party skill. Check the source repository before installing.

Open a terminal. You need Node.js (with npx) and git installed.
Clone the repo: git clone https://github.com/reticlehq/reticle.git /tmp/reticle
Create the skill folder: mkdir -p ~/.claude/skills/reticle
Copy the skill file: cp /tmp/reticle/plugin/SKILL.md ~/.claude/skills/reticle/SKILL.md
Restart Claude Code.
Open Claude Code inside your web app project and say: "Set up Reticle and verify the login flow."
The agent will run npx @reticlehq/server@latest init and edit config/entry files. Commit your work first, and read the diff when your host asks you to approve commands.
Keep the browser tab visible to watch it drive your app. Afterwards, type /reticle any time to re-verify a flow after a change.

View source on GitHub ↗License: NOASSERTION