responsive-validation
Installation
SKILL.md
Responsive Validation
Scope
Confirms a UI renders usably at each supported breakpoint. Captures per-viewport screenshots + layout assertions. Does NOT handle accessibility (use accessibility-audit) or deep performance (use web-validation + Chrome DevTools).
Standard Viewport Matrix
| Name | Width × Height | Devices |
|---|---|---|
| mobile-sm | 320 × 568 | iPhone SE 1st gen, smallest modern phone |
| mobile | 375 × 667 | iPhone 12 mini, most common mobile |
| tablet | 768 × 1024 | iPad portrait |
| desktop | 1280 × 800 | 13" laptop baseline |
| desktop-lg | 1920 × 1080 | desktop monitor |
Override if the product's analytics show different distribution. Document override in the plan.