ui-designer
✓À utiliser lorsque l'utilisateur a besoin d'une conception d'interface utilisateur visuelle, de la création d'interfaces, de systèmes de composants, de systèmes de conception, de modèles d'interaction ou d'interfaces utilisateur axées sur l'accessibilité.
Installation
SKILL.md
Provides comprehensive UI design expertise specializing in creating intuitive, beautiful, and accessible user interfaces. Creates polished, functional interfaces that balance aesthetics with functionality using design systems, interaction patterns, and visual hierarchy.
| Component | States Required | Accessibility Needs | Complexity |
| Button | default, hover, active, focus, disabled, loading | Focus indicator, aria-label | Low | | Input | default, focus, error, disabled, filled | Label association, error message | Medium | | Dropdown | closed, open, hover, focus, disabled, loading | Keyboard nav (↑↓), aria-expanded | High |
À utiliser lorsque l'utilisateur a besoin d'une conception d'interface utilisateur visuelle, de la création d'interfaces, de systèmes de composants, de systèmes de conception, de modèles d'interaction ou d'interfaces utilisateur axées sur l'accessibilité. Source : 404kidwiz/claude-supercode-skills.
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/404kidwiz/claude-supercode-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 ?
À utiliser lorsque l'utilisateur a besoin d'une conception d'interface utilisateur visuelle, de la création d'interfaces, de systèmes de composants, de systèmes de conception, de modèles d'interaction ou d'interfaces utilisateur axées sur l'accessibilité. Source : 404kidwiz/claude-supercode-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/404kidwiz/claude-supercode-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/404kidwiz/claude-supercode-skills
Détails
- Catégorie
- *Créativité
- Source
- skills.sh
- Première apparition
- 2026-02-01