·tailwind-theme-builder
</>

tailwind-theme-builder

Configurez Tailwind v4 avec une interface utilisateur sur le thème shadcn/ui. Workflow : installer les dépendances, configurer les variables CSS avec @theme en ligne, configurer le mode sombre, vérifier. À utiliser lors de l'initialisation de projets React avec Tailwind v4, de la configuration du thème shadcn/ui ou de la correction des couleurs qui ne fonctionnent pas, des erreurs tw-animate-css, des conflits de mode sombre en ligne @theme, de la rupture @apply, des problèmes de migration v3.

723Installations·33Tendance·@jezweb

Installation

$npx skills add https://github.com/jezweb/claude-skills --skill tailwind-theme-builder

Comment installer tailwind-theme-builder

Installez rapidement le skill IA tailwind-theme-builder 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/jezweb/claude-skills --skill tailwind-theme-builder
  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 : jezweb/claude-skills.

Set up a fully themed Tailwind v4 + shadcn/ui project with dark mode. Produces configured CSS, theme provider, and working component library.

This exact order is required. Skipping steps breaks the theme.

Result: bg-background, text-primary etc. work automatically. Dark mode switches via .dark class — no dark: variants needed for semantic colours.

Configurez Tailwind v4 avec une interface utilisateur sur le thème shadcn/ui. Workflow : installer les dépendances, configurer les variables CSS avec @theme en ligne, configurer le mode sombre, vérifier. À utiliser lors de l'initialisation de projets React avec Tailwind v4, de la configuration du thème shadcn/ui ou de la correction des couleurs qui ne fonctionnent pas, des erreurs tw-animate-css, des conflits de mode sombre en ligne @theme, de la rupture @apply, des problèmes de migration v3. Source : jezweb/claude-skills.

Faits (prêts à citer)

Champs et commandes stables pour les citations IA/recherche.

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

Browse more skills from jezweb/claude-skills

Réponses rapides

Qu'est-ce que tailwind-theme-builder ?

Configurez Tailwind v4 avec une interface utilisateur sur le thème shadcn/ui. Workflow : installer les dépendances, configurer les variables CSS avec @theme en ligne, configurer le mode sombre, vérifier. À utiliser lors de l'initialisation de projets React avec Tailwind v4, de la configuration du thème shadcn/ui ou de la correction des couleurs qui ne fonctionnent pas, des erreurs tw-animate-css, des conflits de mode sombre en ligne @theme, de la rupture @apply, des problèmes de migration v3. Source : jezweb/claude-skills.

Comment installer tailwind-theme-builder ?

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/jezweb/claude-skills --skill tailwind-theme-builder 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/jezweb/claude-skills