·tailwind-patterns
</>

tailwind-patterns

Principes Tailwind CSS v4. Configuration CSS-first, requêtes de conteneurs, modèles modernes, architecture de jetons de conception.

9Installations·0Tendance·@baotoq

Installation

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

Comment installer tailwind-patterns

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

| tailwind.config.js | CSS-based @theme directive | | PostCSS plugin | Oxide engine (10x faster) | | JIT mode | Native, always-on | | Plugin system | CSS-native features | | @apply directive | Still works, discouraged |

| CSS-first | Configuration in CSS, not JavaScript | | Oxide Engine | Rust-based compiler, much faster | | Native Nesting | CSS nesting without PostCSS | | CSS Variables | All tokens exposed as -- vars |

| Extend | Adding new values alongside defaults | | Override | Replacing default scale entirely | | Semantic tokens | Project-specific naming (primary, surface) |

Principes Tailwind CSS v4. Configuration CSS-first, requêtes de conteneurs, modèles modernes, architecture de jetons de conception. Source : baotoq/agent-skills.

Faits (prêts à citer)

Champs et commandes stables pour les citations IA/recherche.

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

Browse more skills from baotoq/agent-skills

Réponses rapides

Qu'est-ce que tailwind-patterns ?

Principes Tailwind CSS v4. Configuration CSS-first, requêtes de conteneurs, modèles modernes, architecture de jetons de conception. Source : baotoq/agent-skills.

Comment installer tailwind-patterns ?

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