What problem does it solve? Tailwind CSS projects often ship bloated stylesheets, slow builds, or janky animations due to misconfigured content detection, dynamic class names that escape JIT scanning, oversized default themes, and non-GPU-accelerated transitions. This Skill provides a systematic checklist and configuration patterns to diagnose and fix these performance issues. ## Core Features & Use Cases - Build Optimization: Configure Vite with Lightning CSS minification, PostCSS with cssnano, and production-mode builds for minimal CSS output. - Bundle Size Reduction: Reset default color palettes, breakpoints, and spacing scales with --color-*: initial patterns, and audit output with bundle analyzers and PurgeCSS reports. - Dynamic Class Handling: Solve missing-style bugs from string-concatenated class names using complete class maps, data attributes, @source inline() safelists, and CSS variables. - Use Case: Your production CSS bundle is 200KB and animations stutter. Use this Skill to trim the theme to only used tokens, replace transition-all with GPU-accelerated transition-transform, and verify gzipped size drops under 15KB. ## Quick Start Analyze my Tailwind CSS setup and reduce my production CSS bundle size while fixing any dynamic class name detection issues.
