Landing en dos pasos

Dos prompts en orden (el de diseño y el de construcción) y el archivo de handoff que los conecta, para que la landing salga con tu identidad y no con la plantilla por defecto de la herramienta.

Para qué sirve

Pedirle «hazme una landing» a una IA da una landing de IA: la misma de todos. Separar el diseño de la construcción, con un archivo en medio que fija las decisiones, es lo que hace que salga tuya.

Paso 1: el prompt de diseño

Se corre en Claude (chat), no en Claude Code. Devuelve el archivo de handoff, no código.

Lee mi CONTEXTO.md y BRAND.md (colores, tipografía, tono). Voy a hacer una landing para: [qué ofrece, a quién, qué acción única pide].
Devuélveme un archivo DISEÑO.md con:
1. La estructura: las secciones en orden, y qué hace cada una (una línea). Máximo 7.
2. El copy de cada sección: título, subtítulo, y el texto, en mi voz. Sin «transforma tu», sin «desbloquea».
3. La jerarquía visual: qué es lo más grande de cada sección y por qué.
4. Los 3 elementos que la hacen mía (algo que ninguna plantilla tendría).
5. Lo que está prohibido: gradientes por defecto, íconos genéricos, tres columnas de features.
6. El único botón: texto, a dónde va, y qué pasa después de tocarlo.

Paso 2: el prompt de construcción

Se corre en Claude Code con DISEÑO.md en la carpeta.

Construye la landing exactamente como dice DISEÑO.md, en un solo index.html con CSS adentro, sin frameworks. Fuentes de Google. Responsive (celular primero). El botón único abre [WhatsApp / calendario / formulario] con este link: [link].
No agregues secciones que no estén en el archivo. No cambies el copy. Si algo del archivo no se puede hacer, dímelo antes de improvisar.
Al terminar, ábrela en el navegador y revisa en 390 píxeles de ancho que ningún texto se corte.

El archivo de handoff (por qué existe)

DISEÑO.md es el contrato. Cuando la construcción se desvía, se compara contra el archivo y se corrige; cuando quieres cambiar algo, se cambia el archivo y se vuelve a construir. Sin él, cada iteración parte de cero.

Publicar

En la carpeta: npx vercel --prod. Un minuto. El dominio propio se apunta con un registro A o CNAME (Vercel te dice cuál).

Qué NO resuelve

No escribe la oferta: si no sabes qué vendes ni a quién, la landing no lo arregla. Parte por «Las 7 palancas de tu audiencia».

Siguiente paso

Cuando la landing captura contactos, «Tu agente de WhatsApp» es lo que los atiende.