marketing-shibata50/designer-skills
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
designer-skills/ui-design/commands/responsive-audit.md

935 B
Raw Blame History

description argument-hint
Audit a design for responsive behavior across breakpoints. [screen or feature name to audit]

/responsive-audit

Audit a design for responsive behavior.

Steps

  1. Breakpoints — Review behavior at each breakpoint using responsive-design skill.
  2. Grid — Check layout grid compliance using layout-grid skill.
  3. Typography — Verify type scaling using typography-scale skill.
  4. Spacing — Check spacing consistency using spacing-system skill.
  5. Hierarchy — Verify hierarchy holds at all sizes using visual-hierarchy skill.
  6. Touch targets — Verify minimum sizes for touch using responsive-design skill.
  7. Report — Document findings with recommendations.

Output

Responsive audit report with findings per breakpoint, compliance status, and remediation recommendations. Consider following up with /design-screen to redesign problem areas.