·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é.

45Installations·3Tendance·@404kidwiz

Installation

$npx skills add https://github.com/404kidwiz/claude-supercode-skills --skill ui-designer

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.

Voir l'original

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