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 Card Component Form Input Layout Patterns Container Grid Flexbox Layouts Responsive Design Breakpoints - - 640px - - 768px - - 10…