·design

Utilice esta habilidad cuando el usuario necesite crear un sistema de diseño, establecer patrones de interfaz de usuario, elegir colores y tipografía o garantizar la coherencia visual en su aplicación SaaS. Funciona en modo CREAR (nuevas aplicaciones), modo MODIFICAR (actualizar sistemas existentes) o TRABAJAR DENTRO (crear funciones que siguen patrones establecidos).

8Instalaciones·0Tendencia·@whawkinsiv

Instalación

$npx skills add https://github.com/whawkinsiv/claude-code-superpowers --skill design

SKILL.md

Manage your app's design system through instructions/design-system.md - the single source of truth for all UX/UI work.

CREATE → No design system yet, or extracting from existing code MODIFY → Have a design system, need to update it WORK WITHIN → Have a design system, building features that follow it

Generate a new instructions/design-system.md from one of these entry points:

Utilice esta habilidad cuando el usuario necesite crear un sistema de diseño, establecer patrones de interfaz de usuario, elegir colores y tipografía o garantizar la coherencia visual en su aplicación SaaS. Funciona en modo CREAR (nuevas aplicaciones), modo MODIFICAR (actualizar sistemas existentes) o TRABAJAR DENTRO (crear funciones que siguen patrones establecidos). Fuente: whawkinsiv/claude-code-superpowers.

Ver original

Datos (listos para citar)

Campos y comandos estables para citas de IA/búsqueda.

Comando de instalación
npx skills add https://github.com/whawkinsiv/claude-code-superpowers --skill design
Categoría
*Creatividad
Verificado
Primera vez visto
2026-02-11
Actualizado
2026-02-18

Respuestas rápidas

¿Qué es design?

Utilice esta habilidad cuando el usuario necesite crear un sistema de diseño, establecer patrones de interfaz de usuario, elegir colores y tipografía o garantizar la coherencia visual en su aplicación SaaS. Funciona en modo CREAR (nuevas aplicaciones), modo MODIFICAR (actualizar sistemas existentes) o TRABAJAR DENTRO (crear funciones que siguen patrones establecidos). Fuente: whawkinsiv/claude-code-superpowers.

¿Cómo instalo 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/whawkinsiv/claude-code-superpowers --skill 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/whawkinsiv/claude-code-superpowers

Detalles

Categoría
*Creatividad
Fuente
skills.sh
Primera vez visto
2026-02-11