·tailwindcss
</>

tailwindcss

Style CSS axé sur l'utilitaire avec Tailwind CSS v4. À utiliser pour styliser des composants, configurer des thèmes, une conception réactive ou créer des systèmes de conception. Déclencheurs sur des questions de Tailwind, CSS, de style, de thème ou de conception réactive.

3Installations·0Tendance·@fractionestate

Installation

$npx skills add https://github.com/fractionestate/midnight-dev-skills --skill tailwindcss

Comment installer tailwindcss

Installez rapidement le skill IA tailwindcss dans votre environnement de développement via la ligne de commande

  1. Ouvrir le Terminal: Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.)
  2. Exécuter la commande d'installation: Copiez et exécutez cette commande : npx skills add https://github.com/fractionestate/midnight-dev-skills --skill tailwindcss
  3. Vérifier l'installation: Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw

Source : fractionestate/midnight-dev-skills.

Tailwind CSS v4 introduces CSS-first configuration, OKLCH colors, and improved performance. This skill provides comprehensive patterns for building modern UIs.

Tailwind v4 uses CSS variables and @theme directive instead of tailwind.config.js:

Style CSS axé sur l'utilitaire avec Tailwind CSS v4. À utiliser pour styliser des composants, configurer des thèmes, une conception réactive ou créer des systèmes de conception. Déclencheurs sur des questions de Tailwind, CSS, de style, de thème ou de conception réactive. Source : fractionestate/midnight-dev-skills.

Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/fractionestate/midnight-dev-skills --skill tailwindcss Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw

Faits (prêts à citer)

Champs et commandes stables pour les citations IA/recherche.

Commande d'installation
npx skills add https://github.com/fractionestate/midnight-dev-skills --skill tailwindcss
Catégorie
</>Développement
Vérifié
Première apparition
2026-02-26
Mis à jour
2026-03-10

Browse more skills from fractionestate/midnight-dev-skills

Réponses rapides

Qu'est-ce que tailwindcss ?

Style CSS axé sur l'utilitaire avec Tailwind CSS v4. À utiliser pour styliser des composants, configurer des thèmes, une conception réactive ou créer des systèmes de conception. Déclencheurs sur des questions de Tailwind, CSS, de style, de thème ou de conception réactive. Source : fractionestate/midnight-dev-skills.

Comment installer tailwindcss ?

Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/fractionestate/midnight-dev-skills --skill tailwindcss Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw

Où se trouve le dépôt source ?

https://github.com/fractionestate/midnight-dev-skills

Détails

Catégorie
</>Développement
Source
skills.sh
Première apparition
2026-02-26