tailwind-design-system
Installation
SKILL.md
Tailwind Design System
Utility-first CSS patterns for consistent, maintainable UIs.
Core Principles
- Utility-first: Compose styles from utilities, don't write custom CSS
- Consistency: Use design tokens (spacing scale, colors, etc.)
- Responsive: Mobile-first, progressive enhancement
- Composable: Build complex UIs from simple patterns
When to Use
- Building new UI components
- Reviewing Tailwind code
- Establishing consistent patterns
- Optimizing bundle size
- Implementing responsive design
- Adding dark mode support