Utilisez cette compétence lorsque l'utilisateur doit créer un système de conception, établir des modèles d'interface utilisateur, choisir les couleurs et la typographie ou assurer la cohérence visuelle dans son application SaaS. Fonctionne en mode CREATE (nouvelles applications), en mode MODIFY (mise à jour des systèmes existants) ou en mode WORK WITHIN (création de fonctionnalités qui suivent des modèles établis).
Installation
SKILL.md
Manage your app's design system through instructions/design-system.md - the single source of truth for all UX/UI work.
CREATE → No design system yet, or extracting from existing code MODIFY → Have a design system, need to update it WORK WITHIN → Have a design system, building features that follow it
Generate a new instructions/design-system.md from one of these entry points:
Utilisez cette compétence lorsque l'utilisateur doit créer un système de conception, établir des modèles d'interface utilisateur, choisir les couleurs et la typographie ou assurer la cohérence visuelle dans son application SaaS. Fonctionne en mode CREATE (nouvelles applications), en mode MODIFY (mise à jour des systèmes existants) ou en mode WORK WITHIN (création de fonctionnalités qui suivent des modèles établis). Source : whawkinsiv/claude-code-superpowers.
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/whawkinsiv/claude-code-superpowers --skill design- Catégorie
- *Créativité
- Vérifié
- ✓
- Première apparition
- 2026-02-11
- Mis à jour
- 2026-02-18
Réponses rapides
Qu'est-ce que design ?
Utilisez cette compétence lorsque l'utilisateur doit créer un système de conception, établir des modèles d'interface utilisateur, choisir les couleurs et la typographie ou assurer la cohérence visuelle dans son application SaaS. Fonctionne en mode CREATE (nouvelles applications), en mode MODIFY (mise à jour des systèmes existants) ou en mode WORK WITHIN (création de fonctionnalités qui suivent des modèles établis). Source : whawkinsiv/claude-code-superpowers.
Comment installer design ?
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/whawkinsiv/claude-code-superpowers --skill design 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/whawkinsiv/claude-code-superpowers
Détails
- Catégorie
- *Créativité
- Source
- skills.sh
- Première apparition
- 2026-02-11