design-validation

Use before a release when the visual spec has drifted from the live product, or when design-token-audit passed but the UI still looks off. Compares a browser/device screenshot against the design source (Stitch MCP export, Figma image, or inline DESIGN.md mockup) across five categories: colors, typography, spacing, layout, interactions. Produces a weighted fidelity score and flags specific mismatches — token-audit checks source code, this skill checks the rendered output. Reach for it on phrases like "does it match the design", "design fidelity", "visual regression", "compare to mockup", "design QA", or when a designer reports "this doesn't look right".