Consistent components, responsive layouts, and theme tokens.
What it does
Build reusable Tailwind CSS design systems with design tokens, component variants, responsive layouts, and accessibility.
When to use it
Use when creating Tailwind component libraries, implementing tokens and theming, building accessible responsive components, standardizing UI patterns, or extending Tailwind.
How to use it
It changes how the agent builds Tailwind design systems by applying best practices and validating the resulting project work.
What you provide
- An existing project
What you need · 6
The quick-start configuration imports Tailwind CSS and configures the project's theme.
The quick-start configuration loads the tailwindcss-animate plugin.
The component implementation imports CVA for typed component variants, which the best practices recommend.
The provided component implementations import React's forwardRef.
Access · 0
No additional actions listed.