DiseñoThe Designer Skills Pack
Un maletín de skills de diseño profesional (investigación, sistemas, UX, UI, prototipos...) pensado para que tu IA te guíe por todo el proceso de diseño, de principio a fin.
Revisada el 2026-09-21
- Popularidad
- 2.7k
- Licencia
- MIT
- Autor
- MC Dean
- Categoría
- Diseño
Seguridad: revisada
Revisada, sin código malicioso.
¿Qué es?
Es una colección muy grande de skills de diseño (111 en este repositorio, y 273 en total contando las 5 colecciones). Cubre todo el trabajo de un diseñador: desde investigar a los usuarios, hasta elegir colores, diseñar pantallas, hacer prototipos y entregar el trabajo.
Piénsalo como un equipo de diseño entero metido en una caja: hay un experto en investigación, otro en sistemas de diseño, otro en interacción, otro en crítica visual... y tú eliges a cuál consultar.
Se divide en 9 bloques (llamados "plugins"):
| Bloque | Qué cubre |
|---|---|
| design-research | Investigación de usuarios: personas, entrevistas, mapas de viaje |
| design-systems | Sistemas de diseño: colores, componentes, accesibilidad, temas |
| ux-strategy | Estrategia: análisis de competencia, arquitectura de información |
| ui-design | Interfaz: rejillas, color, tipografía, diseño responsive |
| interaction-design | Interacción: animaciones, formularios, onboarding, navegación |
| prototyping-testing | Prototipos y pruebas de usabilidad |
| design-ops | Operaciones: entregas, planificación, gestión de equipos |
| designer-toolkit | Utilidades: presentaciones, casos de estudio, escribir razón de diseño |
| visual-critique | Crítica visual: jerarquía, composición, tipografía, color |
Además, hay 4 colecciones hermanas en otros repos (diseño de IA, gestión de programas UX, liderazgo de diseño y diseño inclusivo).
¿Cuándo me sirve?
Cuando haces (o encargas) diseño y quieres que tu IA te guíe con criterio profesional:
- "Ayúdame a crear personas de usuario" → bloque
design-research. - "Quiero una paleta de colores para mi app" → bloque
ui-design. - "Revisa esta pantalla y dime qué está mal" → bloque
visual-critique. - "Prepara el traspaso a los programadores" → bloque
design-ops.
¿Esto me sirve a mí?
Sí, si haces diseño web/app o quieres que tu IA piense como un diseñador profesional paso a paso.
| Si un día piensas... | Esta colección te ayuda a... |
|---|---|
| "No sé por dónde empezar mi proyecto" | Su comando /start-here te dice el primer paso |
| "Quiero entender a mis usuarios" | Crear personas, entrevistas, mapas de viaje |
| "Mi web se ve mal y no sé por qué" | La crítica visual te da una lista de arreglos |
| "Quiero una paleta y tipografía coherentes" | Sistemas de diseño y tokens |
| "Necesito entregar el diseño a programadores" | Especificaciones de traspaso |
No te sirve si no haces nada de diseño ni creación visual.
¿Es segura?
Veredicto: ✅ SÍ, es segura.
- Las skills: son archivos de texto (
SKILL.md) con instrucciones de diseño. No ejecutan código ni se conectan a internet. - Los scripts del repo (
scripts/build-gemini.sh,check-runtimes.py, linters de Python): los revisé. Solo leen y escriben archivos dentro del propio repositorio (compilar textos, comprobar formato). No hay conexión a internet, ni robo de datos, ni comandos peligrosos. - A tener en cuenta: la instalación se hace con el sistema de plugins de Claude Code (
/plugin marketplace add ...). Eso instala muchas skills de golpe; conviene instalar solo los bloques que necesites.
Casos de uso
- Empezar un proyecto de diseño:
/designer-toolkit:start-herete orienta. - Investigar usuarios:
/design-research:discover(personas, mapa de empatía, mapa de viaje). - Crear una paleta de colores:
/ui-design:color-palette. - Revisar una pantalla:
/visual-critique:critique-screen(le pasas una captura). - Diseñar un formulario:
/interaction-design:design-form. - Probar usabilidad:
/prototyping-testing:test-plan.
Cómo se instala
Está pensado para Claude Code (la app de Anthropic). Dentro de ella:
/plugin marketplace add Owl-Listener/designer-skillsLuego escribes /plugin, abres la pestaña Discover, marcas los bloques que quieras e instalas.
¿Dónde funciona?
| CLI | ¿Funciona? | Notas |
|---|---|---|
| Claude Code | ✅ Sí | Entorno principal (usa plugins y el comando /start-here) |
| Gemini CLI | ✅ Sí | El repo incluye extensiones para Gemini |
| OpenCode | ⚠️ Parcial | Las skills (texto) sí funcionan; los comandos /... y los plugins son específicos de Claude Code |
| Codex | ⚠️ Parcial | Las skills funcionan; los comandos y agentes no siempre |
| Cursor | ⚠️ Parcial | Las skills funcionan; las funciones de plugin pueden no estar |
| Otros | ⚠️ Parcial | Las skills son texto y suelen funcionar; el sistema de plugins/comandos es más exclusivo |
Importante: los 34 comandos (como /design-research:discover) y los agentes están pensados para Claude Code; en otros asistentes puede que solo aproveches las skills.
Enlaces
- Repositorio: https://github.com/Owl-Listener/designer-skills
- Índice de skills: https://github.com/Owl-Listener/designer-skills/blob/main/INDEX.md
- Colecciones hermanas:
- IA: https://github.com/Owl-Listener/ai-design-skills
- Gestión UX: https://github.com/Owl-Listener/ux-pgm-skills
- Liderazgo: https://github.com/Owl-Listener/design-leadership-skills
- Diseño inclusivo: https://github.com/Owl-Listener/inclusive-design-skills
Etiquetas
Enlaces oficiales
- https://github.com/Owl-Listener/designer-skills
- https://github.com/Owl-Listener/designer-skills/blob/main/INDEX.md
- https://github.com/Owl-Listener/ai-design-skills
- https://github.com/Owl-Listener/ux-pgm-skills
- https://github.com/Owl-Listener/design-leadership-skills
- https://github.com/Owl-Listener/inclusive-design-skills