# Armala con Claude Code

> Sistemas de Marketing con IA · Sistema de oferta y landing
> Fuente: https://magoallegri.com/cursos/marketing-con-ia/oferta-y-landing/armala-con-claude-code

---

Hoy es día de obra — y vas a notar algo lindo: lo que en el Paso 1 te llevó un módulo entero, hoy es una sesión de trabajo. Eso es ser builder: la habilidad quedó, el tiempo se achicó.

## El encargo completo

En tu proyecto `maquina-[NEGOCIO]`:

```
Construí la landing del negocio en /landing/index.html, usando
landing-copy.md como fuente — el texto ya está escrito y decidido,
no lo cambies.

Reglas de la casa (las de siempre):
- Sin menú de navegación: un solo trabajo.
- Un solo color de acento, apropiado al rubro.
- Jerarquía tipográfica clara, aire entre secciones, movimiento sutil.
- Mobile primero.
- El botón aparece en el hero y al final, y dice qué pasa al tocarlo.

Cuando esté, decime cómo verla.
```

Después, tu rutina de pro del Paso 1, completa y sin saltos:

1. **Los retoques** que haga falta (jerarquía, paleta, aire) — de a uno.
2. **La pasada mobile** — angostá el navegador, listá lo roto, arreglá todo junto.
3. **Deploy** — `publicala en Vercel y pasame la URL`.

## La diferencia de hoy: construís para conversión

En el Paso 1 construías para que quede bien. Hoy hay una vara más exigente — tres preguntas frente a la página terminada:

1. **¿El hero solo cuenta la historia?** Tapá el resto con la mano: ¿se entiende qué es, para quién, y qué hacer? (Es la prueba de los 5 segundos — la mayoría de los visitantes no pasa del hero.)
2. **¿El dolor suena a cliente o a marketing?** Si suena a folleto, volvé al copy — el problema nunca es la tipografía.
3. **¿Hay fricción camino al botón?** Cada cosa que distrae, sobra. Sé brutal.

> [!info] **Checkpoint** — La landing está en vivo con URL real, pasa la prueba de los 5 segundos, e impecable en el teléfono. El sistema de oferta tiene su cara visible.

## ⚠️ Si algo sale mal

- **Quedó linda pero genérica.** El copy es el sospechoso de siempre: ¿el titular es TU promesa calibrada o un "bienvenidos a"? La página hereda la fuerza (o la debilidad) de `oferta.md`.
- **Claude "mejoró" el copy por su cuenta.** Pasa. `El texto viene de landing-copy.md y ya está decidido. Restauralo exacto.`
- **El deploy falla.** Módulo 3 del Paso 1, ritual completo: error → pegar → si se traba 3 veces, `frenemos y dame dos caminos`.

## 🟢 Hacelo ahora

1. Construí desde el copy.
2. Retoques + mobile + deploy.
3. Las tres preguntas de conversión, respondidas con honestidad.
4. Mandale la URL al dueño del negocio (si es real): su reacción es tu primer dato.

---

La landing vive. Pero una landing sin captura es un cartel en la ruta: lindo y mudo. La próxima lección la conecta — **formulario, página de gracias y tracking** — para que cada interesado quede registrado desde el día uno.