Responsive Design
Invoke when authoring or editing any HTML/CSS that ships to a browser: a landing page, a docs site, a card grid, a list/table view. Content overflowing its container is a correctness bug (horizontal page scroll, text under other elements, unreadable layouts), not a cosmetic nit — handle it with the same seriousness as a logic error. Assume a real device range: ~320px phones → tablets → laptops → ultrawide monitors.
Read the full skill on GitHub. The site shows the first section; the canonical full content with all principles, examples, and rules lives in the repo.
View full SKILL.md on GitHub ›What the full skill covers
- Micro-Skills
- Inputs
- Outputs
- Scope
- Guardrails
- Decision Criteria
- Success Criteria
- Failure Modes