Lienzo

LNZ

← Atelier

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

Paleta Lienzo

Busca especímenes, tipos y alcances