Installez et utilisez shadcn/ui avec Tailwind v4 et Next.js (App Router), Vite ou une configuration manuelle ; configurez composants.json, ajoutez des composants via CLI, thématisez avec CSS uniquement. À utiliser lors de l'ajout de shadcn/ui, de l'installation de shadcn, de l'utilisation de Button, Card, Dialog, Form ou d'autres composants shadcn, ou lorsque l'utilisateur mentionne shadcn, shadcn/ui ou Radix UI avec Tailwind.
Installez rapidement le skill IA shadcn-ui dans votre environnement de développement via la ligne de commande
Source : enderpuentes/ai-agent-skills.
shadcn/ui is a collection of accessible, customizable React components built on Radix UI and Tailwind CSS. Components are copied into your project (no npm package); you own and edit the code. Works with Next.js (App Router), Vite, and other React frameworks.
Principles: Open code (AI-ready), composable API, beautiful defaults, distribution via CLI and schema. Requires Tailwind v4 and path alias @/. We do not use tailwind.config.js; theme and setup are CSS-only (@import "tailwindcss" + @theme).
Choose framework (Next.js, Vite, etc.), style (new-york recommended), base color, and CSS variables. Then add components as needed.
Installez et utilisez shadcn/ui avec Tailwind v4 et Next.js (App Router), Vite ou une configuration manuelle ; configurez composants.json, ajoutez des composants via CLI, thématisez avec CSS uniquement. À utiliser lors de l'ajout de shadcn/ui, de l'installation de shadcn, de l'utilisation de Button, Card, Dialog, Form ou d'autres composants shadcn, ou lorsque l'utilisateur mentionne shadcn, shadcn/ui ou Radix UI avec Tailwind. Source : enderpuentes/ai-agent-skills.
Champs et commandes stables pour les citations IA/recherche.
npx skills add https://github.com/enderpuentes/ai-agent-skills --skill shadcn-uiInstallez et utilisez shadcn/ui avec Tailwind v4 et Next.js (App Router), Vite ou une configuration manuelle ; configurez composants.json, ajoutez des composants via CLI, thématisez avec CSS uniquement. À utiliser lors de l'ajout de shadcn/ui, de l'installation de shadcn, de l'utilisation de Button, Card, Dialog, Form ou d'autres composants shadcn, ou lorsque l'utilisateur mentionne shadcn, shadcn/ui ou Radix UI avec Tailwind. Source : enderpuentes/ai-agent-skills.
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/enderpuentes/ai-agent-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
https://github.com/enderpuentes/ai-agent-skills