styling-with-shadcn
✓Créez de belles interfaces utilisateur accessibles avec les composants shadcn/ui dans Next.js. Utiliser lors de la création formulaires, boîtes de dialogue, tableaux, barres latérales ou tout autre composant de l'interface utilisateur. Couvre l'installation, le composant modèles, validation React-Hook-Form + Zod et configuration du mode sombre. PAS lors de la création d'applications non-React ou de l'utilisation de différentes bibliothèques de composants.
Installation
SKILL.md
Build beautiful, accessible UIs with copy-paste components built on Radix UI and Tailwind CSS.
See references/component-examples.md for complete form with Select, Textarea.
See references/component-examples.md for full DataTable with sorting/pagination.
Créez de belles interfaces utilisateur accessibles avec les composants shadcn/ui dans Next.js. Utiliser lors de la création formulaires, boîtes de dialogue, tableaux, barres latérales ou tout autre composant de l'interface utilisateur. Couvre l'installation, le composant modèles, validation React-Hook-Form + Zod et configuration du mode sombre. PAS lors de la création d'applications non-React ou de l'utilisation de différentes bibliothèques de composants. Source : mjunaidca/mjs-agent-skills.
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/mjunaidca/mjs-agent-skills --skill styling-with-shadcn- Catégorie
- *Créativité
- Vérifié
- ✓
- Première apparition
- 2026-02-01
- Mis à jour
- 2026-02-18
Réponses rapides
Qu'est-ce que styling-with-shadcn ?
Créez de belles interfaces utilisateur accessibles avec les composants shadcn/ui dans Next.js. Utiliser lors de la création formulaires, boîtes de dialogue, tableaux, barres latérales ou tout autre composant de l'interface utilisateur. Couvre l'installation, le composant modèles, validation React-Hook-Form + Zod et configuration du mode sombre. PAS lors de la création d'applications non-React ou de l'utilisation de différentes bibliothèques de composants. Source : mjunaidca/mjs-agent-skills.
Comment installer styling-with-shadcn ?
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/mjunaidca/mjs-agent-skills --skill styling-with-shadcn Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code ou Cursor
Où se trouve le dépôt source ?
https://github.com/mjunaidca/mjs-agent-skills
Détails
- Catégorie
- *Créativité
- Source
- skills.sh
- Première apparition
- 2026-02-01