Name: shadcn/ui
Author: shadcn/ui

shadcn/ui

Une aide qui connaît votre projet pour ajouter, assembler et thématiser correctement les composants shadcn/ui.

Officielle de l'éditeurpar shadcn/uiVérifié le 18 octobre 2026

Installez shadcn/ui gratuitement

Laissez votre email et les étapes d'installation s'ouvrent ici même : un prompt à coller dans votre outil d'IA. Valable pour les 149 skills.

La skill officielle du projet shadcn/ui. Elle lit d'abord la configuration de votre projet, pour que Claude utilise le bon framework, les bons alias et les composants installés au lieu de deviner.

Pour qui

Développeurs frontend
Indie hackers
Vibe coders

Prompts à essayer

Une fois la skill installée, demandez le résultat avec vos mots. Votre outil d'IA utilise la skill tout seul.

Prompt 1

Ajoute un formulaire de connexion avec e-mail et mot de passe en shadcn

Prompt 2

Crée une page de paramètres avec des onglets et un formulaire de profil

Prompt 3

Passe ce projet sur un nouveau preset et mets à jour le thème

Comment l'installer

Les skills suivent le standard ouvert Agent Skills, celle-ci n'est donc pas liée à une seule entreprise. Choisissez l'outil d'IA que vous utilisez. Vous hésitez ? Le premier onglet couvre la plupart d'entre eux en une étape.

Le plus simple : collez ceci dans votre outil d'IA

Installe cette skill pour qu'elle fonctionne dans tous mes projets : exécute `npx skills add https://github.com/shadcn-ui/ui/tree/main/skills/shadcn -g -y` dans mon terminal. S'il manque Node.js, explique-moi d'abord comment l'installer. Une fois terminé, confirme que la skill est installée et dis-moi comment commencer à l'utiliser.

Ou faites-le vous-même :

Une seule commande installe la skill dans les outils d'IA de votre ordinateur. Elle détecte ceux que vous avez et vous demande où l'ajouter : Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, Windsurf, OpenCode et plus de 60 autres.

$npx skills add https://github.com/shadcn-ui/ui/tree/main/skills/shadcn -g

Node.js doit être installé (gratuit, sur nodejs.org). L'option -g rend la skill disponible dans tous vos projets.

Bon à savoir : S'active dans les projets qui contiennent un fichier components.json.

Débloquez les étapes d'installation

Gratuit. Laissez votre email une seule fois pour ouvrir les étapes d'installation des 149 skills, et recevez chaque mois les meilleures nouvelles skills.

Comment nous l'avons vérifié

Nous avons vérifié la skill à sa source d'origine le 18 octobre 2026 : le SKILL.md est au bon endroit, les fichiers ont été mis à jour au cours de l'année et la licence autorise son usage. Nous ne l'avons pas encore testée sur une tâche.