design-system-generator
✓Générez un DESIGN_SYSTEM.md spécifique au projet qui applique une UI/UX cohérente sur les SPA, les sites rendus par serveur traditionnels et les systèmes hybrides. Comprend des jetons, des règles de composants, des portes d'accessibilité et des conseils sur les actifs/manifestes de production.
Installation
SKILL.md
This skill generates a project-specific DESIGNSYSTEM.md that enforces consistent UI/UX across:
The design system must be component-based, portable, and practical for real implementation.
Rule 1: Prefer existing stack If the project already uses a template or styling system, adapt to it.
Générez un DESIGN_SYSTEM.md spécifique au projet qui applique une UI/UX cohérente sur les SPA, les sites rendus par serveur traditionnels et les systèmes hybrides. Comprend des jetons, des règles de composants, des portes d'accessibilité et des conseils sur les actifs/manifestes de production. Source : thienanblog/awesome-ai-agent-skills.
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/thienanblog/awesome-ai-agent-skills --skill design-system-generator- Catégorie
- *Créativité
- Vérifié
- ✓
- Première apparition
- 2026-02-01
- Mis à jour
- 2026-02-18
Réponses rapides
Qu'est-ce que design-system-generator ?
Générez un DESIGN_SYSTEM.md spécifique au projet qui applique une UI/UX cohérente sur les SPA, les sites rendus par serveur traditionnels et les systèmes hybrides. Comprend des jetons, des règles de composants, des portes d'accessibilité et des conseils sur les actifs/manifestes de production. Source : thienanblog/awesome-ai-agent-skills.
Comment installer design-system-generator ?
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/thienanblog/awesome-ai-agent-skills --skill design-system-generator 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/thienanblog/awesome-ai-agent-skills
Détails
- Catégorie
- *Créativité
- Source
- skills.sh
- Première apparition
- 2026-02-01