·tailwind
</>

tailwind

Modèles et systèmes de conception Tailwind CSS v4. À utiliser lors de la configuration des thèmes Tailwind, de la création de composants, de la mise en œuvre du mode sombre, de l'utilisation de requêtes de conteneur, de la migration à partir de la v3, de l'intégration de shadcn/ui ou de la correction des erreurs de construction. À utiliser pour le vent arrière, les CSS, le style, le thème et les jetons de conception.

30Installations·2Tendance·@oakoss

Installation

$npx skills add https://github.com/oakoss/agent-skills --skill tailwind

Comment installer tailwind

Installez rapidement le skill IA tailwind 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/oakoss/agent-skills --skill tailwind
  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 : oakoss/agent-skills.

Tailwind CSS v4 skill covering CSS-first configuration, design tokens, component patterns, shadcn/ui integration, dark mode, container queries, migration from v3, and custom utilities.

When to use: Configuring Tailwind themes, building utility-first components, implementing dark mode, using container queries, migrating from v3, integrating shadcn/ui, troubleshooting build errors.

When NOT to use: Tailwind v3 legacy projects that will not upgrade, projects using a different styling approach (CSS Modules, styled-components) without plans to adopt Tailwind.

Modèles et systèmes de conception Tailwind CSS v4. À utiliser lors de la configuration des thèmes Tailwind, de la création de composants, de la mise en œuvre du mode sombre, de l'utilisation de requêtes de conteneur, de la migration à partir de la v3, de l'intégration de shadcn/ui ou de la correction des erreurs de construction. À utiliser pour le vent arrière, les CSS, le style, le thème et les jetons de conception. Source : oakoss/agent-skills.

Faits (prêts à citer)

Champs et commandes stables pour les citations IA/recherche.

Commande d'installation
npx skills add https://github.com/oakoss/agent-skills --skill tailwind
Catégorie
</>Développement
Vérifié
Première apparition
2026-02-22
Mis à jour
2026-03-10

Browse more skills from oakoss/agent-skills

Réponses rapides

Qu'est-ce que tailwind ?

Modèles et systèmes de conception Tailwind CSS v4. À utiliser lors de la configuration des thèmes Tailwind, de la création de composants, de la mise en œuvre du mode sombre, de l'utilisation de requêtes de conteneur, de la migration à partir de la v3, de l'intégration de shadcn/ui ou de la correction des erreurs de construction. À utiliser pour le vent arrière, les CSS, le style, le thème et les jetons de conception. Source : oakoss/agent-skills.

Comment installer tailwind ?

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/oakoss/agent-skills --skill tailwind 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/oakoss/agent-skills