shadcn-component-review
✓Examinez les composants et les mises en page personnalisés par rapport aux modèles de conception shadcn, aux styles de thème (Maia, Vega, Lyra, Nova, Mira), à la structure des composants, à la composabilité et aux meilleures pratiques de l'interface utilisateur Radix. À utiliser lors de la planification de nouveaux composants, de l'examen des composants existants, de l'audit de l'espacement, de la vérification de la structure des composants ou de la vérification de l'alignement des meilleures pratiques Shadcn.
Installation
SKILL.md
Systematic review process for ensuring custom components and layouts align with shadcn design patterns, official theme styles, and Radix UI best practices.
Use gap- for flex/grid containers. Spacing varies by theme style:
| Vega | Standard | Classic shadcn | | Nova | Compact | Reduced padding/margins | | Maia | Generous | Soft, rounded | | Lyra | Standard | Boxy, sharp | | Mira | Dense | Compact interfaces |
Examinez les composants et les mises en page personnalisés par rapport aux modèles de conception shadcn, aux styles de thème (Maia, Vega, Lyra, Nova, Mira), à la structure des composants, à la composabilité et aux meilleures pratiques de l'interface utilisateur Radix. À utiliser lors de la planification de nouveaux composants, de l'examen des composants existants, de l'audit de l'espacement, de la vérification de la structure des composants ou de la vérification de l'alignement des meilleures pratiques Shadcn. Source : mattbx/shadcn-skills.
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/mattbx/shadcn-skills --skill shadcn-component-review- Source
- mattbx/shadcn-skills
- Catégorie
- *Créativité
- Vérifié
- ✓
- Première apparition
- 2026-02-17
- Mis à jour
- 2026-02-18
Réponses rapides
Qu'est-ce que shadcn-component-review ?
Examinez les composants et les mises en page personnalisés par rapport aux modèles de conception shadcn, aux styles de thème (Maia, Vega, Lyra, Nova, Mira), à la structure des composants, à la composabilité et aux meilleures pratiques de l'interface utilisateur Radix. À utiliser lors de la planification de nouveaux composants, de l'examen des composants existants, de l'audit de l'espacement, de la vérification de la structure des composants ou de la vérification de l'alignement des meilleures pratiques Shadcn. Source : mattbx/shadcn-skills.
Comment installer shadcn-component-review ?
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/mattbx/shadcn-skills --skill shadcn-component-review 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/mattbx/shadcn-skills
Détails
- Catégorie
- *Créativité
- Source
- skills.sh
- Première apparition
- 2026-02-17