Tailwind CSS UI Development

Build beautiful, responsive interfaces using Tailwind CSS utility-first approach.

Instructions

1. Use utility classes directly - Avoid custom CSS when Tailwind utilities exist
2. Mobile-first approach - Start with base styles, add responsive modifiers
3. Extract components - When patterns repeat 3+ times, create a component
4. Use design tokens - Leverage Tailwind's spacing, color, and typography scales
5. Implement dark mode - Use dark: variant for theme support

Core Patterns

Responsive Design