Repolode
Enviar
Owl-Listener

Owl-Listener/designer-skills

Colección de 273 habilidades de diseño listas para agentes y 76 comandos slash para Claude Code y Gemini CLI, sobre investigación, sistemas, UI, interacción y entrega.

Ver en GitHub
Estrellas
2,997
Forks
413
Issues abiertos
3
Último commit
hace 2 meses

¿Qué es?

Designer Skills Pack reúne conocimientos de diseño en forma de habilidades y comandos slash que un agente de programación con IA puede cargar y aplicar. Las habilidades describen temas de diseño, como crear perfiles de usuario, definir tokens de diseño o redactar preguntas de entrevista no sesgadas. Los comandos encadenan varias habilidades para generar entregables completos, como un ciclo de descubrimiento, un plan de estudio de usabilidad o un paquete de entrega para desarrolladores.

La colección sobre práctica del diseño de este repositorio está organizada en nueve plugins: design-research, design-systems, ux-strategy, ui-design, interaction-design, prototyping-testing, design-ops, designer-toolkit y visual-critique. Hay otras cuatro colecciones, sobre diseño de productos de IA, gestión de programas de UX, liderazgo de diseño y diseño inclusivo, alojadas en repositorios independientes e instaladas a través del mismo marketplace.

La instalación se realiza mediante el comando del marketplace de plugins de Claude Code; después, se pueden seleccionar plugins individuales en la pestaña Discover. Cada plugin también está disponible como extensión de Gemini CLI. El comando /start-here dirige a los usuarios a la etapa de trabajo en la que se encuentran.

Funciones clave

  • 01Abarca todo el ciclo de diseño, desde la investigación de usuarios hasta los sistemas, la UI, la interacción y la entrega.
  • 02Ofrece 76 comandos slash que encadenan varias habilidades para generar entregables completos.
  • 03Funciona con el marketplace de plugins de Claude Code y como extensión de Gemini CLI.
  • 04Incluye un enrutador /start-here que recomienda por dónde empezar.
  • 05Permite instalar plugins individuales en lugar de todo el conjunto.

Casos de uso

  • Realizar un ciclo de descubrimiento con perfiles de usuario, mapas de empatía y mapas de recorrido para un producto nuevo.
  • Auditar una pantalla existente para detectar problemas de jerarquía y tipografía antes de rediseñarla.
  • Preparar un paquete de entrega para desarrolladores con especificaciones, estados y una lista de verificación de QA.
  • Redactar un plan de pruebas de usabilidad o un guion de entrevista para investigar a los usuarios.

Inicio rápido

  1. 1

    Descarga Claude Code desde claude.com e inicia sesión

  2. 2

    Añade el marketplace de skills a Claude Code

    /plugin marketplace add Owl-Listener/designer-skills
  3. 3

    Escribe /plugin, abre la pestaña Discover e instala las colecciones que quieras

  4. 4

    Instala un plugin concreto por su nombre, por ejemplo, ux-strategy

    /plugin install ux-strategy@designer-skills

Antes de usarlo

  • Las skills se ejecutan dentro de un asistente de programación con IA, como Claude Code o Gemini CLI, así que necesitas uno de ellos.

Temas

#agentic-ai#claude-code#design-system#ux-design#prompt-engineering#ui-design#user-research#agentic#ai#ai-tools

Preguntas frecuentes

¿Qué es designer-skills?
Colección de 273 habilidades de diseño listas para agentes y 76 comandos slash para Claude Code y Gemini CLI, sobre investigación, sistemas, UI, interacción y entrega. Designer Skills Pack reúne conocimientos de diseño en forma de habilidades y comandos slash que un agente de programación con IA puede cargar y aplicar. Las habilidades describen temas de diseño, como crear perfiles de usuario, definir tokens de diseño o redactar preguntas de entrevista no sesgadas. Los comandos encadenan varias habilidades para generar entregables completos, como un ciclo de descubrimiento, un plan de estudio de usabilidad o un paquete de entrega para desarrolladores.
¿designer-skills es gratuito? ¿Qué licencia tiene?
designer-skills es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿designer-skills sigue mantenido?
Actualizado en los últimos 6 meses. El último commit de designer-skills fue el 5 sept 2026.
¿Para qué puedo usar designer-skills?
Realizar un ciclo de descubrimiento con perfiles de usuario, mapas de empatía y mapas de recorrido para un producto nuevo. Auditar una pantalla existente para detectar problemas de jerarquía y tipografía antes de rediseñarla. Preparar un paquete de entrega para desarrolladores con especificaciones, estados y una lista de verificación de QA. Redactar un plan de pruebas de usabilidad o un guion de entrevista para investigar a los usuarios.
¿Cómo se instala designer-skills?
Descarga Claude Code desde claude.com e inicia sesión Añade el marketplace de skills a Claude Code: /plugin marketplace add Owl-Listener/designer-skills Escribe /plugin, abre la pestaña Discover e instala las colecciones que quieras Instala un plugin concreto por su nombre, por ejemplo, ux-strategy: /plugin install ux-strategy@designer-skills
¿Dónde consigo designer-skills?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/Owl-Listener/designer-skills

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados