ui-ux-design
✓Cree interfaces frontend de nivel de producción con una sólida experiencia de usuario y artesanía visual. Úselo al crear componentes web, páginas, paneles, formularios, páginas de destino o cualquier interfaz de usuario. Úselo cuando el usuario diga "crear un formulario", "crear un panel", "diseñar un componente", "crear una página de destino" o solicita trabajo de UI/UX.
Instalación
SKILL.md
Create functional, accessible, visually distinctive interfaces. Output is working code.
| Contrast | 4.5:1 text, 3:1 UI components | | Focus states | Visible outline on all interactive elements | | Touch targets | Minimum 44×44px | | Reduced motion | Respect prefers-reduced-motion | | Labels | All inputs have associated labels | | Empty states | Helpful message + clear action | | Error states | Explain what happened + how to fix |
| Minimalism | Productivity, professional, portfolios | | Glassmorphism | Dashboards, tech products | | Neubrutalism | Creative, startups, distinctive brands | | Editorial | Content sites, publications | | Organic | Consumer apps, wellness, community | | Dark Mode | User preference, low-light contexts |
Datos (listos para citar)
Campos y comandos estables para citas de IA/búsqueda.
- Comando de instalación
npx skills add https://github.com/arvindand/agent-skills --skill ui-ux-design- Fuente
- arvindand/agent-skills
- Categoría
- *Creatividad
- Verificado
- ✓
- Primera vez visto
- 2026-02-01
- Actualizado
- 2026-02-18
Respuestas rápidas
¿Qué es ui-ux-design?
Cree interfaces frontend de nivel de producción con una sólida experiencia de usuario y artesanía visual. Úselo al crear componentes web, páginas, paneles, formularios, páginas de destino o cualquier interfaz de usuario. Úselo cuando el usuario diga "crear un formulario", "crear un panel", "diseñar un componente", "crear una página de destino" o solicita trabajo de UI/UX. Fuente: arvindand/agent-skills.
¿Cómo instalo ui-ux-design?
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/arvindand/agent-skills --skill ui-ux-design 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/arvindand/agent-skills
Detalles
- Categoría
- *Creatividad
- Fuente
- skills.sh
- Primera vez visto
- 2026-02-01