Tailwind CSS for React

Overview

This skill provides guidance for styling React components with Tailwind CSS using utility classes, responsive design, and performance best practices.

Core Philosophy

• Utility-first: Compose designs from utility classes
• Responsive by default: Mobile-first breakpoint system
• Component extraction: Extract patterns into reusable components
• Performance: Minimize bundle size with JIT mode

Common Component Patterns

Button Variants