ui-styling
✓Créez de belles interfaces utilisateur accessibles avec les composants shadcn/ui (construits sur Radix UI + Tailwind), le style axé sur l'utilitaire CSS Tailwind et les conceptions visuelles basées sur un canevas. À utiliser lors de la création d'interfaces utilisateur, de la mise en œuvre de systèmes de conception, de la création de mises en page réactives, de l'ajout de composants accessibles (boîtes de dialogue, listes déroulantes, formulaires, tableaux), de la personnalisation de thèmes et de couleurs, de la mise en œuvre du mode sombre, de la génération de conceptions visuelles et d'affiches ou de l'établissement de modèles de style cohérents dans les applications.
Installation
SKILL.md
Comprehensive skill for creating beautiful, accessible user interfaces combining shadcn/ui components, Tailwind CSS utility styling, and canvas-based visual design systems.
CLI prompts for framework, TypeScript, paths, and theme preferences. This configures both shadcn/ui and Tailwind CSS.
Comprehensive component catalog with usage patterns, installation, and composition examples.
Créez de belles interfaces utilisateur accessibles avec les composants shadcn/ui (construits sur Radix UI + Tailwind), le style axé sur l'utilitaire CSS Tailwind et les conceptions visuelles basées sur un canevas. À utiliser lors de la création d'interfaces utilisateur, de la mise en œuvre de systèmes de conception, de la création de mises en page réactives, de l'ajout de composants accessibles (boîtes de dialogue, listes déroulantes, formulaires, tableaux), de la personnalisation de thèmes et de couleurs, de la mise en œuvre du mode sombre, de la génération de conceptions visuelles et d'affiches ou de l'établissement de modèles de style cohérents dans les applications. Source : duonglx/chanmayfoods.
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/duonglx/chanmayfoods --skill ui-styling- Source
- duonglx/chanmayfoods
- 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-styling ?
Créez de belles interfaces utilisateur accessibles avec les composants shadcn/ui (construits sur Radix UI + Tailwind), le style axé sur l'utilitaire CSS Tailwind et les conceptions visuelles basées sur un canevas. À utiliser lors de la création d'interfaces utilisateur, de la mise en œuvre de systèmes de conception, de la création de mises en page réactives, de l'ajout de composants accessibles (boîtes de dialogue, listes déroulantes, formulaires, tableaux), de la personnalisation de thèmes et de couleurs, de la mise en œuvre du mode sombre, de la génération de conceptions visuelles et d'affiches ou de l'établissement de modèles de style cohérents dans les applications. Source : duonglx/chanmayfoods.
Comment installer ui-styling ?
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/duonglx/chanmayfoods --skill ui-styling 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/duonglx/chanmayfoods
Détails
- Catégorie
- *Créativité
- Source
- skills.sh
- Première apparition
- 2026-02-01