# Cómo clonar una página web con IA (la estructura, no el contenido)

> ¿Cómo clono una página web con IA?

Se clona la estructura, no el contenido: elegís una página que funciona, le pedís a Claude que replique su esqueleto —secciones, jerarquía, flujo— y lo vistas con tu contenido, tu paleta y tu voz. Copiar textos, fotos o identidad ajena es plagio (y además no convierte: ese copy hablaba de otro negocio). El esqueleto es de todos; la ropa es tuya.

> Fuente: https://magoallegri.com/biblioteca/como-clonar-una-pagina-web-con-ia

---

Encontraste una página que te encanta y querés "una así". Bien: **clonar la estructura de una página que funciona es una de las formas más rápidas de arrancar** — los profesionales lo hacen todo el tiempo. La línea que no se cruza: se clona el esqueleto, nunca la ropa.

## La regla primero

[Figura: Clonar bien: se replica el esqueleto (estructura y orden), jamás la ropa (textos, fotos, marca)]

- **Se clona:** la estructura (qué secciones, en qué orden), la jerarquía (qué es grande, qué es chico), el flujo (cómo te lleva hacia el botón). Eso no es de nadie — es oficio acumulado.
- **NO se copia:** textos, fotos, logo, nombre, paleta reconocible. Eso es plagio, te puede traer problemas reales, y encima **no funciona**: ese copy fue escrito para otro negocio y otro cliente. El esqueleto transfiere; la ropa no.

## El método (30-45 minutos)

**1. Elegí el espécimen.** Una página de tu rubro (o uno hermano) con señales de funcionar — si lleva meses recibiendo tráfico pago, convierte.

**2. Extraé el esqueleto.** Recorrela de arriba a abajo y dictale a Claude lo que ves, sección por sección:

```
Voy a describirte la estructura de una página que funciona, para
usarla de esqueleto de la MÍA. No vamos a copiar ni textos ni
estética — solo la arquitectura.

1. [SECCIÓN 1: qué hay — ej. "hero con titular grande, una línea
   de apoyo y un botón"]
2. [SECCIÓN 2: ...]
3. [seguí hasta el final]

Armá el esqueleto en HTML con esa estructura exacta, con textos
placeholder [ASÍ], en un index.html autocontenido, mobile primero.
```

**3. Vestilo con lo tuyo.** Tu contenido, tu paleta, tu voz:

```
Leé mi brief.md y completá los placeholders con MI contenido.
Paleta: [LA TUYA]. Tono: [EL TUYO]. Que no quede rastro del
sitio original: si alguien ve las dos páginas juntas, tienen
que parecer de negocios distintos que saben lo mismo de diseño.
```

**4. El careo final.** Abrí las dos páginas lado a lado. ¿Se parecen en lo invisible (estructura) y se distinguen en todo lo visible? Clonaste bien. ¿Un conocido las confundiría? Volvé al paso 3.

## 💡 Por qué esto le gana a "inspirate"

Pedirle a Claude "hacé algo inspirado en tal sitio" produce imitaciones tibias. Separar esqueleto y ropa te da lo mejor de los dos mundos: la arquitectura probada de ellos, la identidad tuya — y de paso aprendés a **leer** páginas, que es la habilidad que queda.