·design-system-generator
*

design-system-generator

thienanblog/awesome-ai-agent-skills

Genere un DESIGN_SYSTEM.md específico del proyecto que aplique UI/UX consistente en SPA, sitios tradicionales renderizados en servidor y sistemas híbridos. Incluye tokens, reglas de componentes, puertas de accesibilidad y guía de manifiesto/activo de producción.

14Instalaciones·0Tendencia·@thienanblog

Instalación

$npx skills add https://github.com/thienanblog/awesome-ai-agent-skills --skill design-system-generator

SKILL.md

This skill generates a project-specific DESIGNSYSTEM.md that enforces consistent UI/UX across:

The design system must be component-based, portable, and practical for real implementation.

Rule 1: Prefer existing stack If the project already uses a template or styling system, adapt to it.

Genere un DESIGN_SYSTEM.md específico del proyecto que aplique UI/UX consistente en SPA, sitios tradicionales renderizados en servidor y sistemas híbridos. Incluye tokens, reglas de componentes, puertas de accesibilidad y guía de manifiesto/activo de producción. Fuente: thienanblog/awesome-ai-agent-skills.

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/thienanblog/awesome-ai-agent-skills --skill design-system-generator
Categoría
*Creatividad
Verificado
Primera vez visto
2026-02-01
Actualizado
2026-02-18

Respuestas rápidas

¿Qué es design-system-generator?

Genere un DESIGN_SYSTEM.md específico del proyecto que aplique UI/UX consistente en SPA, sitios tradicionales renderizados en servidor y sistemas híbridos. Incluye tokens, reglas de componentes, puertas de accesibilidad y guía de manifiesto/activo de producción. Fuente: thienanblog/awesome-ai-agent-skills.

¿Cómo instalo design-system-generator?

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/thienanblog/awesome-ai-agent-skills --skill design-system-generator 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/thienanblog/awesome-ai-agent-skills