responsive-pass
Installation
SKILL.md
Responsive Pass
Tight breakpoint loop for marketing/UI pages.
Process
- Read the verification viewports from the page-spec. If it lists none, derive one width per band
from
TOKENS.md's breakpoints. Breakpoint widths belong toTOKENS.md; a page-spec that invents its own is a finding — say so. - For each viewport, verify:
- No horizontal overflow
- Hero remains one composition (may stack, must not become a dashboard)
- Brand + headline + CTA remain legible
- Images/media don't crush type
- Spacing still follows tokens (no panic margins)
- Report only failures with viewport + element + fix. Silence on passes.
Completion criterion: every listed viewport checked; failures are concrete.