design-farmer - habilidad para agentes de codificación con IA que lee la base de código y la organiza en un sistema de diseño

Analiza el repositorio, extrae los patrones de diseño existentes y los convierte en un sistema de diseño basado en OKLCH con tokens, componentes, pruebas y documentación.

¿Por qué es necesario?

Cuando trabajas con agentes de IA y vibe coding, la consistencia del diseño es lo primero que se rompe. Los colores quedan desalineados, los espaciados son irregulares y el modo oscuro queda relegado. Si le das al agente restricciones de diseño claras, la UI resultante es mucho más consistente, pero construir eso manualmente termina siendo más costoso que el beneficio.

Design Farmer automatiza por completo este proceso. Lee la base de código, identifica lo que ya existe y, a partir de eso, construye o mejora un sistema de diseño con nivel de producción. Ya no hace falta crear archivos de tokens a mano ni copiar y pegar paletas de colores.

Funciones principales

• Organización de tokens de diseño basada en OKLCH
• Estructura jerárquica de tokens primitive / semantic
• Construcción de componentes base con enfoque en accesibilidad
• Extensión de tema oscuro
• Generación de DESIGN.md
• Validación de drift de estilos y uso incorrecto de tokens

El objetivo es crear un flujo de trabajo de diseño repetible que el agente pueda seguir consultando en tareas posteriores.

Si colocas en el proyecto el archivo DESIGN.md que ofrece awesome-design-md, empezará entendiendo el sistema que quiere el usuario.