Use when designing complex responsive layouts — breakpoint strategy, layout shifts, content reflow, responsive typography, container queries, and ensuring the experience works across the full device spectrum
Instalación
Instalar con Codex o Claude Copia este prompt, pégalo en Codex, Claude u otro asistente, y deja que revise la página de la skill y la instale por ti.
Use when designing complex responsive layouts — breakpoint strategy, layout shifts, content reflow, responsive typography, container queries, and ensuring the experience works across the full device spectrum
Responsive Patterns
Responsive design is not "make it fit on a phone." It is designing for every context — one-handed on a bus, zoomed to 200% on a desktop, on a tablet in sunlight.
When to Use
When ui-composition defines a layout that spans breakpoints
When the design-critic flags responsive issues
When building anything more complex than single-column
Breakpoint Strategy
Content drives breakpoints, not devices. Do not use 768px because "that's tablet." Use the width where your content breaks.
