Skip to content
Design
Command

/verify

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.

BOOST
From plugin
designlang
4.2k14 skills14 commands
Install
> /plugin marketplace add manavarya09/design-extract
> /plugin install designlang@designlang

How it fires

How this command gets triggered: by you, by Claude, or both.

  • Fires itselfClaude auto-loads it when your prompt matches the work.
  • You can call itInvoke it directly when you want it.
  • Slash command/verify

Context 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.

Command definition

verify.md
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

Ships withdesignlang

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+.

Get the whole plugin
Stats
4,182
Stars
353
Forks
Active
Maintenance
HTML
Language
MIT
License
9d ago
Last commit
5mo ago
Created
19h ago
Added

Repo: manavarya09/design-extract

Other commands on designlang.