tailwindcss
Installation
SKILL.md
Tailwind CSS Development
This skill provides guidance for styling applications with Tailwind CSS, focusing on always using the latest version and modern patterns.
Philosophy: Use CSS-first configuration with
@theme. Use OKLCH colors for perceptual uniformity. Prefer@containerqueries over media queries when appropriate.
Quick Reference
| Feature | Modern Approach | Legacy (Avoid) |
|---|---|---|
| Configuration | CSS @theme directive |
tailwind.config.js |
| Colors | OKLCH color space | RGB/HSL colors |
| Container queries | @container |
Media queries only |
| Content detection | Automatic | Manual content: [] config |
| PostCSS plugin | @tailwindcss/postcss |
tailwindcss package |