tailwind-css
Tailwind CSS changed how we write styles. Instead of naming things and writing CSS, you compose utility classes directly in your HTML. It sounds messy until you try it - then you never want to go back to traditional CSS. This skill covers the Tailwind mental model, responsive design, dark mode, custom configurations, and the patterns that make Tailwind maintainable at scale. The key insight: Tailwind isn't about avoiding CSS, it's about avoiding the naming problem. 2025 reality: Tailwind v4 is coming with significant changes. Current v3.4+ is stable and production-ready. The ecosystem (HeadlessUI, Radix, shadcn/ui) is mature. If you're not using component libraries, you're reinventing wheels. Use when "tailwind, tailwindcss, utility css, responsive design, dark mode, tw-, className, shadcn, tailwind, css, styling, responsive, dark-mode, design-system, utility-first" mentioned.
Installation
Suivez les instructions du dépôt pour votre agent. Consultez les fichiers et dépendances avant l’installation.
Voir la source ↗GuidesInstructions
Fonctions et usage
Tailwind CSS changed how we write styles. Instead of naming things and writing CSS, you compose utility classes directly in your HTML. It sounds messy until you try it - then you never want to go back to traditional CSS. This skill covers the Tailwind mental model, responsive design, dark mode, custom configurations, and the patterns that make Tailwind maintainable at scale. The key insight: Tailwind isn't about avoiding CSS, it's about avoiding the naming problem. 2025 reality: Tailwind v4 is coming with significant changes. Current v3.4+ is stable and production-ready. The ecosystem (HeadlessUI, Radix, shadcn/ui) is mature. If you're not using component libraries, you're reinventing wheels. Use when "tailwind, tailwindcss, utility css, responsive design, dark mode, tw-, className, shadcn, tailwind, css, styling, responsive, dark-mode, design-system, utility-first" mentioned.
Démarrage rapide
Suivez les instructions du dépôt pour votre agent. Consultez les fichiers et dépendances avant l’installation.
Guides ↗Exemples
Consultez les exemples du dépôt source.
Voir la source ↗Historique source
- Date d’indexation
- 2026-01-23
- Mise à jour de l’index
- 2026-03-05
- Branch
- main
Les dates concernent ce répertoire. Consultez le dépôt pour l’historique du code.
GitHub ↗chat Comments (0)
Sign in to join the discussion and leave a comment.
No comments yet. Be the first to share your thoughts!