·styling-with-tailwind
</>

styling-with-tailwind

Crée des interfaces utilisateur à l'aide des classes utilitaires CSS Tailwind et des modèles shadcn/ui. Couvre les variables CSS avec les couleurs OKLCH, les variantes de composants avec CVA, la conception réactive, le mode sombre et les fonctionnalités Tailwind v4.2. Prend en charge les primitives Radix UI et Base UI, CLI 3.0 et les styles visuels. À utiliser lors de la création d'interfaces avec Tailwind, du style des composants shadcn/ui, de l'implémentation de thèmes ou de l'utilisation de CSS axés sur les utilitaires.

11Installations·0Tendance·@tenequm

Installation

$npx skills add https://github.com/tenequm/claude-plugins --skill styling-with-tailwind

Comment installer styling-with-tailwind

Installez rapidement le skill IA styling-with-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/tenequm/claude-plugins --skill styling-with-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 : tenequm/claude-plugins.

Build accessible UIs using Tailwind CSS v4 utility classes and shadcn/ui component patterns. Tailwind v4 uses CSS-first configuration only - never create or modify tailwind.config.js/tailwind.config.ts. Supports Radix UI (default) or Base UI as primitive libraries.

Tailwind v4 configures everything in CSS. Migrate any JS/TS config:

Always pair bg- with text--foreground. Extend with success/warning/info in theming.md.

Crée des interfaces utilisateur à l'aide des classes utilitaires CSS Tailwind et des modèles shadcn/ui. Couvre les variables CSS avec les couleurs OKLCH, les variantes de composants avec CVA, la conception réactive, le mode sombre et les fonctionnalités Tailwind v4.2. Prend en charge les primitives Radix UI et Base UI, CLI 3.0 et les styles visuels. À utiliser lors de la création d'interfaces avec Tailwind, du style des composants shadcn/ui, de l'implémentation de thèmes ou de l'utilisation de CSS axés sur les utilitaires. Source : tenequm/claude-plugins.

Faits (prêts à citer)

Champs et commandes stables pour les citations IA/recherche.

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

Browse more skills from tenequm/claude-plugins

Réponses rapides

Qu'est-ce que styling-with-tailwind ?

Crée des interfaces utilisateur à l'aide des classes utilitaires CSS Tailwind et des modèles shadcn/ui. Couvre les variables CSS avec les couleurs OKLCH, les variantes de composants avec CVA, la conception réactive, le mode sombre et les fonctionnalités Tailwind v4.2. Prend en charge les primitives Radix UI et Base UI, CLI 3.0 et les styles visuels. À utiliser lors de la création d'interfaces avec Tailwind, du style des composants shadcn/ui, de l'implémentation de thèmes ou de l'utilisation de CSS axés sur les utilitaires. Source : tenequm/claude-plugins.

Comment installer styling-with-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/tenequm/claude-plugins --skill styling-with-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/tenequm/claude-plugins