Build responsive interfaces that start with mobile.
Guide responsive interface development with mobile-first layouts, accessible touch controls, fluid sizing, and safe-area handling.
When to use it
Use for Tailwind CSS mobile-first implementation guidance, debugging, architecture decisions, production hardening, and performance-sensitive work.
It changes how the agent implements responsive interfaces by starting with mobile utilities and progressively enhancing layouts at larger breakpoints.
What you provide
The responsive design patterns target Tailwind CSS v4.
The reference's container-query setup loads this plugin for component-level responsiveness.
No additional actions listed.