LNZ-013 · design-md-sites · 2026-09-13
Contexto (agent-context)Listas DESIGN.md
Meterle a un agente un DESIGN.md real (oficial o extraído) antes de que invente la UI.
01 · what
Qué es
Cajón de contexto que Lienzo abre a partir del tip de Manixh02. DESIGN.md es el documento de texto que Google Stitch popularizó para que un agente sepa cómo debe verse un producto. Aquí caben tres estantes: oficiales (las marcas publican el suyo), extraídos (análisis de sitios reales) y el CLI getdesign.
02 · when
Cuándo echar mano
Antes de pedirle UI a un agente. Cuando AGENTS.md ya dice cómo construir y falta cómo se ve. Cuando un moodboard no es ejecutable.
03 · install
Instalar
npx getdesign@latest add voltagent
Sustituye el slug. Luego dile al agente que lea DESIGN.md antes de tocar la UI.
04 · nested
Anidado
- Oficiales: github.com/VoltAgent/official-design-md (Vercel, Atlassian, Mintlify…).
- Extraídos: github.com/VoltAgent/awesome-design-md y getdesign.md.
- Formato Stitch: tema, color, tipo, componentes, layout, profundidad, dos/don’t, responsive, prompts.
- No confundir con AGENTS.md (cómo construir) ni con un registry (qué instalar).
05 · anti-overlap
Anti-solape
Esto no pinta componentes. Details.so enseña detalles de producción; DESIGN.md da reglas. No uses un DESIGN.md extraído como si la marca te lo hubiera encargado.
06 · license
Licencia
Los oficiales son de cada marca. Los extraídos son análisis independientes, no endorsement. Revisa cada repo.
07 · links