Claude Skill MartBrowse skillsQuick linesLearn by videoTerminal guideWhat is a Skill?
 
← Back to list

Reticle — Verify Your Running Web App From Inside

Instruments the running web app and inspects DOM, network, routing, console and framework state to return a real pass/fail verdict with the file:line to fix.

Dev & CodingIntermediate★ 1,153⑂ 169AI score 9/10Last updated: Oct 3, 2026

What it does

  • Embeds a dev-only SDK into your running app and exposes it as reticle_* MCP tools so the agent can look, act, observe and assert on the real app instead of screenshots.
  • One npx @reticlehq/server init detects framework and package manager, wires build config, installs the SDK, registers the MCP server, boots the dev server and waits for a live session.
  • Drives a full user journey and produces a verdict via reticle_act_and_wait, reticle_assert, or reticle_act { steps } with an expect.
  • Refuses to treat unknown or no-fault as a pass, and forbids weakening a check just to make it green.
  • Records flows so later checks replay them with no model in the loop (reticle_flow_replay), keeping regression checks to one call.

Who it's for

  • Web developers on JS frameworks who let Claude Code make user-facing changes.
  • Teams who keep hitting "the test passed but the UI is broken".
  • Leads who want evidence instead of an agent declaring "done".

Examples

  1. First-time setup: ask "set up Reticle" → it runs init, then explores and records a first flow with a persona you choose.
  2. Change impact: after editing src/App.tsx, one reticle_verify({action:"change", files:[...]}) call replays covering flows and returns a verdict.
  3. Proving new behaviour: assert a POST to /api/refund returned 200 with the right amount, the receipt element rendered, and no console errors — catching UIs that merely echo what they just sent.

· · · 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)
  1. Download the ZIP with the button below.
  2. In Claude, open Settings → Capabilities and turn on 'Code execution and file creation'. (one time)
  3. 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.

  1. Clone the repo: git clone https://github.com/reticlehq/reticle.git /tmp/reticle
  2. Create the skill folder: mkdir -p ~/.claude/skills/reticle
  3. Copy the skill file: cp /tmp/reticle/plugin/SKILL.md ~/.claude/skills/reticle/SKILL.md
  4. Open Claude Code inside the web project you want to verify.
  5. Say "install and set up Reticle" or type /reticle.
  6. When Claude asks to run npx @reticlehq/server@latest init, read the prompt and approve it — it registers an MCP server and writes a pre-approval rule for Reticle's own tools.
  7. Make sure package.json has a recognisable dev script, and pass any required env vars with --env KEY=VALUE.
  8. If you have an enterprise license key, hand it over but confirm .env is listed in .gitignore before it is written.
View source on GitHub ↗License: NOASSERTION