battle
Head-to-head graded battle card between two sites — eight dimensions, bar-by-bar, verdict…
Fidelity check — rebuild a page from the extracted tokens, pixel-diff it against the live site, and score how faithfully the tokens capture the design.
> /plugin marketplace add manavarya09/design-extract > /plugin install designlang@designlang
How it fires
How this command gets triggered: by you, by Claude, or both.
/verifyContext preview
What this command does when you run it.
Fidelity check — rebuild a page from the extracted tokens, pixel-diff it against the live site, and score how faithfully the tokens capture the design.
description: Fidelity check — rebuild a page from the extracted tokens, pixel-diff it against the live site, and score how faithfully the tokens capture the design. argument-hint: <url> [--min <score>] [--tokens <file>]
Run **designlang verify** to close the extraction loop. It rebuilds a page from the extracted design tokens, renders it, pixel-diffs that render against the live site, and reports a fidelity score — how faithfully the tokens reproduce the real design.
npx designlang verify $ARGUMENTS
If no `$ARGUMENTS` were supplied, ask the user which URL to verify.
After the run completes, surface the **fidelity score** and the biggest divergences (where the rebuilt page drifts from the live site). This is the honest "did we actually capture it?" signal.
Useful flags via `$ARGUMENTS`:
| Flag | Effect | |---|---| | `--min <score>` | exit non-zero if fidelity is below this (CI gate) | | `--tokens <file>` | verify against a local tokens file (`.json` or `.css`) instead of a fresh extraction |
Use `--min` in CI to fail a build when a design change drops fidelity below a threshold. Pair with `/site <url>` to verify the whole-site canonical system.
Full reference: https://github.com/Manavarya09/design-extract#full-cli-reference
Extract any website's complete design system with one command. DTCG tokens, semantic+primitive+composite, MCP server for Claude Code/Cursor/Windsurf, multi-platform emitters (iOS SwiftUI, Android Compose, Flutter, WordPress), Tailwind v4, Figma variables, shadcn/ui, CSS health audit, WCAG remediation, Chrome extension. MIT, Playwright, Node 20+.
Repo: manavarya09/design-extract
Head-to-head graded battle card between two sites — eight dimensions, bar-by-bar, verdict…
Generate a full editorial brand-guidelines book for any URL. 14 chapters covering brand…
Place a design in the measured design space — nearest systems, per-axis percentiles, outliers
Extract the complete design language from a URL — DTCG tokens, Tailwind, Figma vars, motion,…
Measure how faithfully a clone reproduces a site — pixel-diff plus motion-fidelity into one…
Build a static, shareable gallery from your fidelity reports — an index of score cards plus a…