ui-designer
✓Úselo cuando el usuario necesite diseño de interfaz de usuario visual, creación de interfaces, sistemas de componentes, sistemas de diseño, patrones de interacción o interfaces de usuario centradas en la accesibilidad.
Instalación
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 |
Úselo cuando el usuario necesite diseño de interfaz de usuario visual, creación de interfaces, sistemas de componentes, sistemas de diseño, patrones de interacción o interfaces de usuario centradas en la accesibilidad. Fuente: 404kidwiz/claude-supercode-skills.
Datos (listos para citar)
Campos y comandos estables para citas de IA/búsqueda.
- Comando de instalación
npx skills add https://github.com/404kidwiz/claude-supercode-skills --skill ui-designer- Categoría
- *Creatividad
- Verificado
- ✓
- Primera vez visto
- 2026-02-01
- Actualizado
- 2026-02-18
Respuestas rápidas
¿Qué es ui-designer?
Úselo cuando el usuario necesite diseño de interfaz de usuario visual, creación de interfaces, sistemas de componentes, sistemas de diseño, patrones de interacción o interfaces de usuario centradas en la accesibilidad. Fuente: 404kidwiz/claude-supercode-skills.
¿Cómo instalo ui-designer?
Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/404kidwiz/claude-supercode-skills --skill ui-designer Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code o Cursor
¿Dónde está el repositorio de origen?
https://github.com/404kidwiz/claude-supercode-skills
Detalles
- Categoría
- *Creatividad
- Fuente
- skills.sh
- Primera vez visto
- 2026-02-01