🚀 El Prompt Maestro: Cómo darle memoria de sistema a v0 para que no rompa tu diseño en cada iteración

🚀 El Prompt Maestro: Cómo darle memoria de sistema a v0 para que no rompa tu diseño en cada iteración

v0 olvida tu stack y tus reglas de diseño en cada mensaje — este hack lo soluciona de raíz.

⚡ ¿Qué vas a lograr?

• Un archivo de contexto persistente que v0 lee en cada prompt para mantener consistencia visual
• Cero regresiones de estilo cuando iteras funcionalidades
• Iteraciones 3x más rápidas porque dejas de re-explicar tu design system cada vez

🛠️ Lo que necesitas

• Cuenta en v0.dev (plan gratuito funciona)
• Un proyecto existente o uno nuevo en v0
• 20 minutos

🔥 Paso a paso

1. Crea tu archivo v0-context.md localmente

markdown

# Contexto del Proyecto

## Stack
- Framework: Next.js 14 App Router
- Estilos: Tailwind CSS + shadcn/ui
- Tipografía: Inter (headings: font-bold, body: font-normal)
- Paleta: primary #6366F1, bg #0F0F0F, text #F4F4F5

## Reglas de diseño
- Bordes redondeados: rounded-xl en cards, rounded-md en botones
- Spacing base: gap-4 / p-4 entre secciones
- NO usar colores inline, siempre variables de Tailwind
- Componentes reutilizables van en /components/ui/

## Componentes existentes
- <Button variant="primary|ghost|outline" />
- <Card> con header, body, footer opcionales
- <Badge> para estados: success, warning, error
```

**2. Inyéctalo como prefijo en cada prompt a v0**

En lugar de escribir directamente tu petición, usa esta estructura:
```
[CONTEXTO DEL PROYECTO]
{pega el contenido de v0-context.md aquí}

[TAREA]
Agrega un formulario de contacto que use los componentes <Card> y <Button variant="primary"> existentes. No cambies la paleta ni el sistema de spacing.
```

**3. Crea un snippet de teclado (el verdadero hack)**

En macOS: **System Settings → Keyboard → Text Replacements**
```
Atajo:   ;;ctx
Expande: [CONTEXTO DEL PROYECTO]\n{tu contexto completo}\n\n[TAREA]\n

En Windows usa AutoHotkey o PowerToys Run.

Ahora con escribir ;;ctx en cualquier campo tienes tu contexto listo para pegar.

4. Actualiza el archivo después de cada sesión significativa

Si v0 generó un nuevo componente que te gustó, agrégalo a la sección ## Componentes existentes antes de cerrar.

💡 Pro tip

Agrega una sección ## Anti-patrones a tu v0-context.md con las cosas que v0 tiende a hacer mal en tu proyecto específico:

markdown

## Anti-patrones (nunca hacer esto)
- No usar `style={}` inline para colores
- No crear nuevos archivos de configuración de Tailwind
- No romper la estructura de carpetas /app /components /lib

v0 toma estas restricciones en serio cuando están explícitas — es la diferencia entre un junior que improvisa y uno que sigue el playbook del equipo.

🎯 Reto para la comunidad

Crea tu v0-context.md para tu próximo proyecto, genera al menos 3 componentes diferentes en la misma sesión y verifica que todos mantengan consistencia visual sin que tengas que corregirlos.

Comparte un screenshot del resultado en los comentarios con el hashtag #v0ContextHack — el que muestre la iteración más limpia gana crédito de senior en el squad. 🏆