responsive-design
Generates responsive layouts with media queries, fluid grids, and container queries, creates breakpoint configurations, optimizes images for multiple resolutions, and validates layouts across viewports. Use when building or refactoring an interface that must work across phone, tablet, and desktop; setting breakpoints; sizing touch targets; serving responsive images; or testing layout across viewports.
Pinned to revision 1bca4bbdf059, so it is the text this page describes rather than whatever the author pushed since.
Files
- skills/responsive-design/SKILL.md
- skills/responsive-design/references/breakpoint-strategy.md
- skills/responsive-design/references/container-queries.md
- skills/responsive-design/references/fluid-layouts.md
Every link opens the file at its source, pinned to the revision this page describes.