Awesome DESIGN.md recopila 73 guías para UI con agentes

Un post japonés que se ha movido bastante en X apunta a un repositorio que encaja muy bien con la fiebre actual por construir interfaces con agentes de código: VoltAgent/awesome-design-md.

El repositorio reúne archivos DESIGN.md ya preparados a partir de sistemas visuales de webs conocidas. La promesa es directa: copiar uno de esos archivos al proyecto, pedirle a un agente que construya una página con ese lenguaje visual y darle más contexto que un simple “hazlo bonito”.

Qué hace

DESIGN.md es un formato impulsado por Google Stitch: un documento Markdown que describe cómo debe verse y sentirse una interfaz. No es un export de Figma ni un esquema JSON. Es texto estructurado para que un modelo pueda leer patrones, tokens, reglas visuales y decisiones de diseño.

La idea del repo de VoltAgent es convertir ese concepto en una colección práctica. En su README habla de 73 archivos DESIGN.md y muestra ejemplos inspirados en marcas y productos como Claude, Cohere, ElevenLabs, Mistral AI, Ollama, OpenCode, Replicate o Runway.

El enfoque es muy de “vibe coding”, pero con una capa extra de control. En vez de pedir una interfaz al aire, el agente recibe una guía concreta sobre estilo, composición y lenguaje visual. Eso no sustituye a un diseñador, pero sí puede reducir bastante el caos de las primeras iteraciones.

Por qué importa

Una de las limitaciones más visibles de las interfaces generadas por IA es la inconsistencia. Un modelo puede hacer una pantalla aceptable, pero mantener criterio visual entre varias secciones, estados y componentes sigue siendo más difícil.

Ahí DESIGN.md intenta ocupar un hueco parecido al que AGENTS.md ocupa para las reglas de desarrollo: un archivo en el repo que explica al agente cómo trabajar. La diferencia es que aquí el foco no está en comandos, tests o arquitectura, sino en diseño.

El repo también es interesante porque no se queda en una demo aislada. Según los datos públicos de GitHub consultados, VoltAgent/awesome-design-md supera las 98.000 estrellas y se presenta como una colección curada para desarrolladores, diseñadores y equipos que están probando generación de UI con agentes.

Cómo probarlo

La forma más simple es entrar en el repositorio, elegir un DESIGN.md cercano al estilo que buscas y copiarlo al proyecto. Después, en tu agente de código, puedes pedir algo como: “construye una landing siguiendo el DESIGN.md del proyecto”.

No va a resolver por sí solo producto, UX ni accesibilidad, pero sí da al agente una base mucho más concreta que una descripción suelta. Y eso, ahora mismo, puede marcar la diferencia entre una pantalla genérica y una interfaz que al menos empieza con una dirección visual clara.

Fuente original: post de cosmos_hzokujin en X. Repositorio: VoltAgent/awesome-design-md.