ui-designer
✓Extrayez les systèmes de conception à partir d’images d’interface utilisateur de référence et générez des invites de conception d’interface utilisateur prêtes à être mises en œuvre. À utiliser lorsque les utilisateurs fournissent des captures d'écran/maquettes d'interface utilisateur et souhaitent créer des conceptions cohérentes, générer des systèmes de conception ou créer des interfaces utilisateur MVP correspondant à l'esthétique de référence.
Installation
SKILL.md
This skill enables systematic extraction of design systems from reference UI images through a multi-step workflow: analyze visual patterns → generate design system documentation → create PRD → produce implementation-ready UI prompts.
Save as variable for Step 4 (optionally save to documents/prd/)
Use the final composed prompt from Step 4 to implement UI in React project.
Extrayez les systèmes de conception à partir d’images d’interface utilisateur de référence et générez des invites de conception d’interface utilisateur prêtes à être mises en œuvre. À utiliser lorsque les utilisateurs fournissent des captures d'écran/maquettes d'interface utilisateur et souhaitent créer des conceptions cohérentes, générer des systèmes de conception ou créer des interfaces utilisateur MVP correspondant à l'esthétique de référence. Source : daymade/claude-code-skills.
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/daymade/claude-code-skills --skill ui-designer- 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-designer ?
Extrayez les systèmes de conception à partir d’images d’interface utilisateur de référence et générez des invites de conception d’interface utilisateur prêtes à être mises en œuvre. À utiliser lorsque les utilisateurs fournissent des captures d'écran/maquettes d'interface utilisateur et souhaitent créer des conceptions cohérentes, générer des systèmes de conception ou créer des interfaces utilisateur MVP correspondant à l'esthétique de référence. Source : daymade/claude-code-skills.
Comment installer ui-designer ?
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/daymade/claude-code-skills --skill ui-designer 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/daymade/claude-code-skills
Détails
- Catégorie
- *Créativité
- Source
- skills.sh
- Première apparition
- 2026-02-01