generic-design-system
✓Referencia completa del sistema de diseño para cualquier proyecto: colores, tipografía, espaciado, componentes, animaciones. Se adapta al tema del proyecto y a la pila tecnológica. Úselo al implementar la interfaz de usuario, elegir colores, crear animaciones o garantizar la coherencia de la marca. Para nuevos sistemas de diseño, utilice primero la habilidad de investigación de interfaz de usuario.
Instalación
SKILL.md
When creating a NEW design system (not following an existing one):
| Existing design system | Follow it strictly | | No design system | Use this skill to establish foundations | | Partial system | Identify gaps, extend consistently |
| Primitive | --color-blue-500 | Raw values | | Semantic | --color-primary | Meaning | | Component | --button-background | Context |
Referencia completa del sistema de diseño para cualquier proyecto: colores, tipografía, espaciado, componentes, animaciones. Se adapta al tema del proyecto y a la pila tecnológica. Úselo al implementar la interfaz de usuario, elegir colores, crear animaciones o garantizar la coherencia de la marca. Para nuevos sistemas de diseño, utilice primero la habilidad de investigación de interfaz de usuario. Fuente: travisjneuman/.claude.
Datos (listos para citar)
Campos y comandos estables para citas de IA/búsqueda.
- Comando de instalación
npx skills add https://github.com/travisjneuman/.claude --skill generic-design-system- Fuente
- travisjneuman/.claude
- Categoría
- *Creatividad
- Verificado
- ✓
- Primera vez visto
- 2026-02-01
- Actualizado
- 2026-02-18
Respuestas rápidas
¿Qué es generic-design-system?
Referencia completa del sistema de diseño para cualquier proyecto: colores, tipografía, espaciado, componentes, animaciones. Se adapta al tema del proyecto y a la pila tecnológica. Úselo al implementar la interfaz de usuario, elegir colores, crear animaciones o garantizar la coherencia de la marca. Para nuevos sistemas de diseño, utilice primero la habilidad de investigación de interfaz de usuario. Fuente: travisjneuman/.claude.
¿Cómo instalo generic-design-system?
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/travisjneuman/.claude --skill generic-design-system 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/travisjneuman/.claude
Detalles
- Categoría
- *Creatividad
- Fuente
- skills.sh
- Primera vez visto
- 2026-02-01