design-parity-checker¶
Compare a running page against its approved design mockup and report every structural and computed-style difference. It renders both sides headless, diffs mapped elements, and returns a BLOCK/WARN/PASS verdict with the exact deltas — it never edits application code and never judges by eye.
At a glance¶
| Model | inherits the session's |
| Tools | Read Grep Glob Bash |
| Author | navjyotnishant |
| Source | agents/design-parity-checker.md |
Returns content — does not write files
Like all but two of the agents, this one returns its output to the skill that spawned it, and the skill writes the file. It holds no write tools, so it cannot modify the repo even if asked to.
When it runs¶
The user has rebuilt a page and wants to know whether it matches the design.
does the workflows page match the mockup now?
The claude-design-pull skill spawns this agent with the manifest entry; it renders both sides, diffs them, and returns the verdict the skill reports.
What it returns¶
BLOCK — workflows: 4 mismatches, 1 data gap
structure columns [Workflow, Nodes, Last run] → want [Workflow, Last 5 runs, Last run, Repo]
structure .sp-spark required element is missing
style th fontSize 10px → want 9px
style td padding 13px 16px → want 11px 20px
data-gap .reason WorkflowRun has no error field (tracked GH#14)
On a pass, say so in one line and stop. Do not pad a passing result with commentary about what you checked.
Spawned by¶
Derived, not declared
No agent file records which skills call it — this list is recovered from the skill definitions at build time, so it cannot go stale.