/claude-design-pull¶
Review class · gate
Advise only. Reads changes, reports findings, and never writes a file or commits. Shared rules: CONVENTIONS.md.
ALSO use it — before writing any more UI code — whenever the user says the design has NOT landed: \"I still see the old design\", \"I don't see the design changes\", \"none of the slides changed\", \"this doesn't match the mockup\", or they attach a PDF/screenshot of the intended design. Those are the highest-value moment for this gate and the easiest to answer by eye instead, which is how two phases once shipped against a summary of a mockup rather than the mockup. Pulls the approved mockups from a Claude Design project into the repo, renders them alongside the running app, and compares structure and computed styles element by element — then BLOCKS while the page does not match. Advise-only: it measures and reports, never edits app code.
At a glance¶
| Run it | /claude-design-pull |
| Class | review · gate |
| Version | 0.1.0 |
| Author | navjyotnishant |
| Cost | one design-parity-checker per page, in parallel — 3 pages is 3 agent calls |
| Needs | Playwright (or a Playwright MCP) · claude-design MCP |
| Source | skills/claude-design-pull/SKILL.md |
What it needs, and what happens without it¶
Every tool is detected at runtime — none is installed for you.
| Tool | Without it |
|---|---|
| Playwright (or a Playwright MCP) | BLOCK — there is no eyeball fallback; that is the failure mode this skill exists to prevent |
claude-design MCP |
pull is skipped; the committed mockups still gate normally |
Agents it spawns¶
design-parity-checker— Compare a running page against its approved design mockup and report every structural and computed-style…
The procedure¶
The executable steps live in the skill file itself and are deliberately not reproduced here: they are instructions to the model at runtime, not documentation.