tailwindcss

What problem does it solve?

This Skill provides clear guidelines and best practices for using Tailwind CSS, ensuring consistent, maintainable, and efficient styling across projects.

Core Features & Use Cases

• Utility Class Usage: Learn the principles of using utility classes effectively.
• cn() Utility: Understand how to combine conditional classes with clsx and tailwind-merge.
• CVA Pattern: Implement class-variance-authority for robust component styling.
• Use Case: When styling a React button component, use this Skill's guidance to apply variants, sizes, and conditional classes cleanly using cn() and cva.

Quick Start

Use the tailwindcss skill to style a React button component with primary and secondary variants.