Tailwind styling that fits your existing UI.
What it does
Guides Tailwind styling changes that follow the project's conventions and are checked in the rendered interface.
When to use it
Use for Tailwind v4 styling, class fixes, configuration, migration, or work involving tailwind-variants or tw-animate-css.
How to use it
It changes how the agent styles and verifies the project's interface, giving existing repository conventions precedence.
What you provide
- An existing project
Uses
What you need · 1
Uses the project's installed Tailwind package and integration; the v4 guidance uses the tailwindcss CSS import.
Access · 4
This skill
tailwindcss.com
Consults Tailwind's official documentation
www.tailwind-variants.org
Consults tailwind-variants documentation
eslint-plugin-better-tailwindcss documentation
Consults Tailwind lint plugin documentation