Consistent Tailwind styles for your frontend.
Guides consistent Tailwind CSS styling for frontend components, layouts, and responsive interfaces.
When to use it
Use when styling Tailwind components, creating layouts, handling responsive design, working with color schemes, or merging className props.
It changes how the agent styles frontend components, organizes layouts, and handles responsive styles and className props.
What you provide
The guidelines apply to frontend styling with Tailwind CSS.
The prescribed cn() utility imports clsx to combine class values.
The prescribed cn() utility imports twMerge from tailwind-merge to resolve Tailwind class conflicts.
The utility's Style type uses CSSProperties imported from react.
No additional actions listed.