ui-designer
✓Extraiga sistemas de diseño a partir de imágenes de interfaz de usuario de referencia y genere indicaciones de diseño de interfaz de usuario listas para implementar. Úselo cuando los usuarios proporcionen capturas de pantalla o maquetas de la interfaz de usuario y deseen crear diseños consistentes, generar sistemas de diseño o crear interfaces de usuario MVP que coincidan con la estética de referencia.
Instalación
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.
Extraiga sistemas de diseño a partir de imágenes de interfaz de usuario de referencia y genere indicaciones de diseño de interfaz de usuario listas para implementar. Úselo cuando los usuarios proporcionen capturas de pantalla o maquetas de la interfaz de usuario y deseen crear diseños consistentes, generar sistemas de diseño o crear interfaces de usuario MVP que coincidan con la estética de referencia. Fuente: daymade/claude-code-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/daymade/claude-code-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?
Extraiga sistemas de diseño a partir de imágenes de interfaz de usuario de referencia y genere indicaciones de diseño de interfaz de usuario listas para implementar. Úselo cuando los usuarios proporcionen capturas de pantalla o maquetas de la interfaz de usuario y deseen crear diseños consistentes, generar sistemas de diseño o crear interfaces de usuario MVP que coincidan con la estética de referencia. Fuente: daymade/claude-code-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/daymade/claude-code-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/daymade/claude-code-skills
Detalles
- Categoría
- *Creatividad
- Fuente
- skills.sh
- Primera vez visto
- 2026-02-01