Fidelity — Development skill for Claude Code
Measure how faithfully a clone reproduces a site — pixel-diff plus motion-fidelity into one 0-100 score, a letter grade, a ranked correction plan, and a shareable card.
How to install Fidelity
Installs to ~/.claude/skills/manavarya09-design-extract-fidelity/SKILL.md
mkdir -p ~/.claude/skills/manavarya09-design-extract-fidelity && curl -fsSL https://raw.githubusercontent.com/Manavarya09/design-extract/HEAD/commands/fidelity.md -o ~/.claude/skills/manavarya09-design-extract-fidelity/SKILL.md Restart Claude Code, or start a new session, for it to be picked up.
What Fidelity does
description: Measure how faithfully a clone reproduces a site — pixel-diff plus motion-fidelity into one 0-100 score, a letter grade, a ranked correction plan, and a shareable card. argument-hint: --clone [--min ] [--motion-runtime]
Run **designlang fidelity** to score a clone against the site it was cloned from. Unlike tools that just hand you code and *claim* "pixel-perfect", this measures it: a full-page pixel-diff for visuals **and** a motion-fideli
Alternatives in Development
- Skill Creator — Create new skills, modify existing skills, and measure skill performance 94.1k ★
- Add Template — /add-template - Register a Custom CV or Cover Letter Template 36.6k ★
- Correction Handler — Correction 处理 Prompt 24k ★
Full documentation available on GitHub
View Source RepositoryRelated Skills
Gallery
Build a static, shareable gallery from your fidelity reports — an index of score cards plus a permalink page (
How They Built It
You saw a screen you liked. Measure how it was actually built — asset types, motion timing, gradient structure
Tex Proof Check Kit
Check the proofs already written in a LaTeX paper by translating them faithfully into Lean 4, with a team of C
ReproRun
🔬 A skill that automatically reproduces the numerical claims of academic papers — read paper → find code → bu
Fux Verify
Replay a fux receipt and report whether the answer still reproduces.
Viz Pack
Four Claude skills that turn any content into visuals — diagrams, infographics, interactive explainers, and sh
Related Agents
Jd Analyst
Decodes a job posting into ranked must-haves, the unstated problem behind the req, hard disqualifiers, and the
Flutter UI Comparison
Use this agent when comparing implemented Flutter UIs with original designs to ensure pixel-perfect accuracy.
Klein Data Auditor
Gate 1 (DATA) worker for Klein Auto Research — profiles the PREPARED dataset and writes data_card.md with rank