Consistent Tailwind layouts, from mobile up.
Guides agents in building consistent Tailwind CSS interfaces with responsive layouts, dark mode, reusable styles, and version-specific configuration.
When to use it
Use when writing responsive layouts, implementing dark mode, creating reusable component styles, configuring Tailwind, migrating from v3 to v4, or setting up v4.
It changes how the agent styles and configures Tailwind projects by requiring version detection before applying the relevant rules.
What you provide
The guidelines cover Tailwind CSS v3.4+ and v4.0+, with rules selected according to the project's version.
No additional actions listed.