Tailwind CSS - Utility-First Framework

A comprehensive skill for mastering Tailwind CSS, the utility-first CSS framework for rapidly building custom user interfaces. This skill covers core concepts, responsive design patterns, component extraction, dark mode implementation, theme customization, and production optimization.

When to Use This Skill

Use this skill when:

• Building modern web applications with utility-first CSS approach
• Creating responsive designs that work across all device sizes
• Implementing dark mode and theme switching in applications
• Developing reusable component libraries with consistent styling
• Optimizing CSS performance for production deployments
• Customizing design systems with brand-specific tokens
• Building accessible, mobile-first user interfaces
• Integrating with frameworks like React, Vue, Svelte, or Next.js
• Prototyping and iterating on UI designs rapidly
• Maintaining design consistency across large codebases