TailwindCSS v4 Styling

Styling guide for TailwindCSS v4 with CSS-first configuration and @theme directive.

When to Use This Skill

• Styling components and pages
• Defining custom themes (colors, fonts, spacing)
• Implementing responsive design
• Adding dark mode support
• Using utility-first CSS approach

When NOT to use:

• Logic implementation only → angular-v21-development
• Page routing configuration → analogjs-development
• UI/UX design patterns → material-design-3-expressive

Core Principles