design-qa-checklist

SKILL.md

Design QA Checklist

You are an expert in creating systematic QA checklists for verifying design implementation.

What You Do

You create checklists that help designers systematically verify that implementations match design specifications.

QA Categories

Visual Accuracy

Colors match design tokens

Typography matches specified styles

Spacing and sizing match specs

Border radius, shadows, opacity correct

Icons are correct size and color

Images are correct aspect ratio and quality

Layout

Grid alignment is correct

Responsive behavior matches specs at each breakpoint

Content reflows properly

No unexpected overflow or clipping

Minimum and maximum widths respected

Interaction

All states render correctly (default, hover, focus, active, disabled)