Cómo publicar HTML creado con ChatGPT o Claude

Le pediste una página web a ChatGPT, Claude o Gemini y recibiste un muro de HTML que se ve genial en la vista previa. La siguiente pregunta siempre es la misma: ¿cómo lo pongo en línea para que otras personas puedan verlo? Este es el camino más corto.

Paso 1: pídele a la IA un solo archivo autocontenido

Antes de copiar nada, pídele a la IA que ponga todo en un solo archivo: "Dame un único archivo HTML con todo el CSS y JavaScript en línea." Un index.html autocontenido es muchísimo más fácil de alojar, compartir y actualizar que una carpeta de archivos separados.

Paso 2: copia el código — ni siquiera necesitas guardar un archivo

En hdply, crea una cuenta gratuita, abre el editor y pega el HTML de la IA directamente. Haz clic en publicar y la página queda en vivo en tu propia dirección, como my-site.hdply.com, con HTTPS incluido. Si ya guardaste el código como archivo, arrastrar y soltar también funciona.

Tiempo total desde "la IA terminó de escribir" hasta "mis amigos pueden abrir el enlace": alrededor de un minuto.

Paso 3: itera con la IA, vuelve a publicar en segundos

El verdadero poder de las páginas escritas por IA es la iteración: pide cambios, recibe código nuevo, pega, guarda. Cada publicación se versiona automáticamente, así que si la versión 5 rompe algo, puedes restaurar la versión 4 con un clic. Sin Git, sin pipeline de compilación — el ciclo es solo chatear → pegar → guardar.

Tres cosas que revisar antes de publicar

• Nada de secretos en el código. Si la IA agregó una clave de API (para un widget del clima, un mapa, una llamada a un LLM), recuerda que la página es pública — cualquiera puede leer su código fuente. Usa solo claves pensadas para ser públicas, o elimina la función.
• Las imágenes necesitan URLs reales. Las IAs a veces referencian imágenes que no existen. Usa enlaces a imágenes reales y alojadas — o pídele a la IA SVG en línea, que no necesita archivos externos.
• Prueba en el celular. Pega, publica y abre la URL en tu teléfono. Pídele a la IA que arregle lo que se vea mal; volver a publicar toma segundos.

¿Por qué no compartir el chat o una captura de pantalla?

Los enlaces de chat caducan, requieren cuentas y muestran tus prompts. Las capturas no son interactivas. Una URL real es permanente, carga en cualquier dispositivo y luce como un producto terminado — porque lo es.

Relacionado: Compartir un archivo HTML como enlace · Cómo poner un archivo HTML en internet