responsive-pass

Installation
SKILL.md

Responsive Pass

Tight breakpoint loop for marketing/UI pages.

Process

  1. 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 to TOKENS.md; a page-spec that invents its own is a finding — say so.
  2. 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)
  3. Report only failures with viewport + element + fix. Silence on passes.

Completion criterion: every listed viewport checked; failures are concrete.

Installs
2
GitHub Stars
1
First Seen
Aug 3, 2026
responsive-pass — alfred-lau/skills