Tailwind CSS

Tailwind CSS est un outil de mise en forme : il sert à donner une apparence à votre application (couleurs, marges, polices, ombres). Sa particularité est qu'on ne rédige pas de feuille de style séparée — on pose de petites étiquettes (des « classes ») directement sur chaque élément, comme p-4 pour de l'espace intérieur ou text-lg pour un texte plus grand. Le grand bénéfice pour un non-développeur, c'est la cohérence automatique : Tailwind impose une palette d'espacements et de couleurs harmonieuse, ce qui évite les interfaces « bricolées ». Le revers est que le code des éléments se remplit de ces classes, ce qui paraît dense à lire — mais comme c'est Claude Code qui les écrit, vous lisez le résultat à l'écran, pas le code.

Face au CSS classique (la méthode traditionnelle, dans un fichier à part), Tailwind gagne sur la rapidité et la cohérence, au prix d'un code visuellement plus chargé. Face à des bibliothèques de composants « clés en main » comme Bootstrap, Tailwind gagne sur la liberté : Bootstrap impose son look reconnaissable entre mille, là où Tailwind vous laisse construire votre propre identité visuelle. C'est exactement ce qui en fait le compagnon idéal de shadcn/ui, qui s'appuie dessus pour fournir des composants élégants et personnalisables.

Adoptez Tailwind sans hésiter : c'est l'outil de style de la stack Ottho et de l'écrasante majorité des projets Next.js récents, donc celui que Claude manie le mieux. Vous n'avez pas à l'apprendre pour l'utiliser — décrivez l'apparence en français (« une carte avec coins arrondis, ombre douce et fond crème »), et Claude Code pose les bonnes classes. La version payante (Tailwind Plus) n'est utile que si vous voulez accélérer avec des composants premium déjà dessinés ; pour apprendre et livrer, la version gratuite suffit amplement.