Lo que te llevarás: un archivo DESIGN.md con tus colores,
tipografías y reglas visuales exactas — para que todo lo que Claude te diseñe (webs, carruseles,
gráficos) salga con tu aspecto, no genérico.
Sin este archivo, cada visual que hace Claude sale genérico. Con él, Claude consulta primero tus
colores, tipos y reglas. La forma más rápida de construirlo: muéstrale a Claude un estilo que te
encante y que lo haga ingeniería inversa del sistema.
Cómo configurarlo (en la app de escritorio)
- Encuentra una marca, web o post cuyo estilo visual quieras (el tuyo, o uno que admires).
- Hazle captura de pantalla y arrastra la imagen al panel de Claude Code.
- Pega el prompt de abajo. Claude te crea un sistema de diseño como vista previa HTML y un archivo
DESIGN.md.
📋 Prompt (traducido)
Convierte esto en un sistema de diseño en un archivo HTML y un archivo design.md.
💡 ¿Aún no tienes marca? Haz captura de cualquier web cuyo estilo te
enorgullecería copiar — puedes refinarlo después. Nada de esto es permanente.
✅ Hecho cuando: tienes un DESIGN.md (y una vista previa HTML)
que captura tus colores, tipografías y reglas visuales.
Fuente: Claude Code Club · Aula · Etapa 2 «Memoria» — lección «Archivo 3 — DESIGN.md (Cómo te ves)».
Nota: lección de texto, sin infografía. · Añadido al cuaderno: 4 de julio de 2026. Traducción al español para estudio personal.