·shadcn-ui
*

shadcn-ui

Installez et configurez les composants shadcn/ui pour les projets React. Guide la sélection des composants, l'ordre d'installation, la gestion des dépendances, la personnalisation avec des jetons sémantiques et les recettes d'interface utilisateur courantes (formulaires, tables de données, navigation, modaux). À utiliser après que tailwind-theme-builder a configuré l'infrastructure du thème, lors de l'ajout de composants, de la création de formulaires, de la création de tableaux de données ou de la configuration de la navigation.

907Installations·40Tendance·@jezweb

Installation

$npx skills add https://github.com/jezweb/claude-skills --skill shadcn-ui

Comment installer shadcn-ui

Installez rapidement le skill IA shadcn-ui 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 shadcn-ui
  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.

Add shadcn/ui components to a themed React project. This skill runs AFTER tailwind-theme-builder has set up CSS variables, ThemeProvider, and dark mode. It handles component installation, customisation, and combining components into working patterns.

Prerequisite: Theme infrastructure must exist (CSS variables, components.json, cn() utility). Use tailwind-theme-builder first if not set up.

Install components in dependency order. Foundation components first, then feature components:

Installez et configurez les composants shadcn/ui pour les projets React. Guide la sélection des composants, l'ordre d'installation, la gestion des dépendances, la personnalisation avec des jetons sémantiques et les recettes d'interface utilisateur courantes (formulaires, tables de données, navigation, modaux). À utiliser après que tailwind-theme-builder a configuré l'infrastructure du thème, lors de l'ajout de composants, de la création de formulaires, de la création de tableaux de données ou de la configuration de la navigation. 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 shadcn-ui
Catégorie
*Créativité
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 shadcn-ui ?

Installez et configurez les composants shadcn/ui pour les projets React. Guide la sélection des composants, l'ordre d'installation, la gestion des dépendances, la personnalisation avec des jetons sémantiques et les recettes d'interface utilisateur courantes (formulaires, tables de données, navigation, modaux). À utiliser après que tailwind-theme-builder a configuré l'infrastructure du thème, lors de l'ajout de composants, de la création de formulaires, de la création de tableaux de données ou de la configuration de la navigation. Source : jezweb/claude-skills.

Comment installer shadcn-ui ?

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 shadcn-ui 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