# Cómo hacer tu primera página web con IA (sin saber programar)

> ¿Cómo hago una página web con IA sin saber programar?

Entrás a claude.ai (gratis), le pedís en español una página web personal en un solo archivo HTML y la ves funcionando como artifact. Sin instalar nada y sin escribir una línea de código. Lleva unos cinco minutos.

> Fuente: https://magoallegri.com/biblioteca/como-hacer-tu-primera-web-con-ia

---

Esta página no te enseña a programar — te hace **construir algo**, que es distinto y mejor. En cinco minutos vas a tener una página web tuya, funcionando, hecha por vos: sin instalar nada, sin tocar código, escribiendo en español como le escribirías a una persona.

## Lo único que necesitás

Un navegador y una cuenta gratis en [claude.ai](https://claude.ai).

1. Entrá a **claude.ai**.
2. Creá la cuenta (con Google es un click). El plan gratis alcanza para esto.
3. Listo. Ya estás parado donde empieza todo.

## El prompt

Todo lo que está `[ENTRE CORCHETES]` lo reemplazás con lo tuyo — el resto no lo toques. Copialo, completalo y pegalo en Claude.

```
Creá una página web personal para mí, en un solo archivo HTML.

Sobre mí:
- Me llamo [TU NOMBRE].
- Me dedico a [QUÉ HACÉS O QUÉ QUERÉS HACER].
- Tres cosas que quiero mostrar: [COSA 1], [COSA 2], [COSA 3].
- Quiero que la gente pueda contactarme por [WHATSAPP / MAIL]: [TU CONTACTO].

Estilo: [MODERNO Y MINIMALISTA / CÁLIDO Y CON COLOR / OSCURO Y ELEGANTE].

Mostrámela funcionando como artifact. No me expliques el código.
```

## 💡 No lo pienses de más

No importa si todavía no sabés qué poner en los corchetes. Poné lo primero que te salga — se cambia todo después. Tu única misión ahora es apretar Enter.

## Qué va a pasar

Claude va a escribir el código de tu página y, al costado del chat, se va a abrir un panel con la página **funcionando**. Ese panel se llama *artifact*: es tu página, viva, renderizada de verdad.

[Figura: La pantalla en dos zonas: la conversación a un lado, tu página funcionando al otro]

> [!info] **Checkpoint** — Tu pantalla debería tener dos zonas: a un lado, la conversación; al otro, una página web con tu nombre grande. Si ves eso, acabás de construir software. En serio.

## ⚠️ Si algo sale mal

- **Claude escribió código pero no veo ninguna página.** Decile: `Mostrámela funcionando como artifact, no como código.`
- **La página quedó a medias o cortada.** Decile: `Seguí donde te quedaste y terminá la página.`
- **"Alcanzaste el límite de mensajes."** El plan gratis tiene un tope cada unas horas. Esperá a que se renueve — y de paso aprendiste la primera regla del oficio: cada mensaje vale, pedí las cosas completas.

## 🟢 Hacelo ahora

1. Completá los corchetes.
2. Pegá el prompt y mandalo.
3. Mirá tu página aparecer.
4. Sacale una captura y guardala. Es tu "antes": cuando veas lo que construís en unas semanas, vas a querer mostrarla.

¿Quedó fea? ¿El color no te gusta? **Perfecto.** Lo siguiente es pedirle cambios como si hablaras con un diseñador que no se cansa nunca — el mismo loop con el que vas a construir todo lo demás.