ui-design-system
✓Systèmes de composants d'interface utilisateur React avec TailwindCSS + Radix + shadcn/ui. Pile : TailwindCSS (style), Radix UI (primitives), shadcn/ui (composants), React/Next.js. Capacités : conception de l'architecture du système, composants accessibles, mises en page réactives, thèmes, mode sombre, composition des composants. Actions : réviser, concevoir, construire, améliorer, refactoriser les composants de l'interface utilisateur. Mots clés : TailwindCSS, Radix UI, shadcn/ui, système de conception, bibliothèque de composants, accessibilité, ARIA, réactif, mode sombre, thématisation, variables CSS, architecture des composants, conception atomique, jetons de conception, variante, emplacement, composition. À utiliser dans les cas suivants : création de bibliothèques de composants, implémentation de shadcn/ui, création d'interfaces utilisateur accessibles, configuration de systèmes de conception, ajout d'un mode sombre/thème, révision de l'architecture des composants de l'interface utilisateur.
Installation
SKILL.md
Comprehensive UI/UX design, review, and improvement for modern web applications.
Production-ready implementations with TailwindCSS + Radix UI + shadcn/ui and modern React patterns.
Key Principle: Each layer enhances the one below. Start with Tailwind for styling, add Radix for accessible behavior, use shadcn/ui for complete components.
Systèmes de composants d'interface utilisateur React avec TailwindCSS + Radix + shadcn/ui. Pile : TailwindCSS (style), Radix UI (primitives), shadcn/ui (composants), React/Next.js. Capacités : conception de l'architecture du système, composants accessibles, mises en page réactives, thèmes, mode sombre, composition des composants. Actions : réviser, concevoir, construire, améliorer, refactoriser les composants de l'interface utilisateur. Mots clés : TailwindCSS, Radix UI, shadcn/ui, système de conception, bibliothèque de composants, accessibilité, ARIA, réactif, mode sombre, thématisation, variables CSS, architecture des composants, conception atomique, jetons de conception, variante, emplacement, composition. À utiliser dans les cas suivants : création de bibliothèques de composants, implémentation de shadcn/ui, création d'interfaces utilisateur accessibles, configuration de systèmes de conception, ajout d'un mode sombre/thème, révision de l'architecture des composants de l'interface utilisateur. Source : samhvw8/dot-claude.
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/samhvw8/dot-claude --skill ui-design-system- Source
- samhvw8/dot-claude
- Catégorie
- *Créativité
- Vérifié
- ✓
- Première apparition
- 2026-02-01
- Mis à jour
- 2026-02-18
Réponses rapides
Qu'est-ce que ui-design-system ?
Systèmes de composants d'interface utilisateur React avec TailwindCSS + Radix + shadcn/ui. Pile : TailwindCSS (style), Radix UI (primitives), shadcn/ui (composants), React/Next.js. Capacités : conception de l'architecture du système, composants accessibles, mises en page réactives, thèmes, mode sombre, composition des composants. Actions : réviser, concevoir, construire, améliorer, refactoriser les composants de l'interface utilisateur. Mots clés : TailwindCSS, Radix UI, shadcn/ui, système de conception, bibliothèque de composants, accessibilité, ARIA, réactif, mode sombre, thématisation, variables CSS, architecture des composants, conception atomique, jetons de conception, variante, emplacement, composition. À utiliser dans les cas suivants : création de bibliothèques de composants, implémentation de shadcn/ui, création d'interfaces utilisateur accessibles, configuration de systèmes de conception, ajout d'un mode sombre/thème, révision de l'architecture des composants de l'interface utilisateur. Source : samhvw8/dot-claude.
Comment installer ui-design-system ?
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/samhvw8/dot-claude --skill ui-design-system 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/samhvw8/dot-claude
Détails
- Catégorie
- *Créativité
- Source
- skills.sh
- Première apparition
- 2026-02-01