tailwind-best-practices

rule

Tailwind CSS coding standards: utility-first patterns, component extraction, responsive design

planmode install tailwind-best-practices

Content

- Use utility classes directly, avoid @apply in most cases
- Extract components when a pattern repeats 3+ times
- Mobile-first responsive design (sm:, md:, lg:)
- Use design tokens via theme() for consistency
- Keep class lists readable with logical grouping