Cómo publicar una página web hecha con IA

Las herramientas de IA hacen páginas sorprendentemente buenas, pero casi siempre te dejan en el mismo punto: el código está en el chat o en el editor de la herramienta, y no sabes cómo convertirlo en un enlace que puedas mandar. Esta guía cubre los casos más comunes.

Caso 1: el código está en el chat (ChatGPT, Gemini, Claude, Copilot)#

1. Crea una carpeta vacía, por ejemplo mi-pagina.
2. Copia el bloque HTML del chat en un editor de texto (Bloc de notas, TextEdit en modo texto, VS Code) y guárdalo como index.html dentro de esa carpeta. Fíjate que no quede index.html.txt.
3. Si la IA te dio CSS o JavaScript en bloques aparte, guárdalos en la misma carpeta con el nombre que aparece en el HTML (busca href="style.css" o src="script.js").
4. Si la página usa imágenes, ponlas en la carpeta con el nombre exacto que aparece en el HTML.
5. Abre index.html con doble clic y revisa que se vea igual que en el chat.
6. Pulsa Publicar ahora sin registro y arrastra la carpeta.

Caso 2: el proyecto está en Lovable, Bolt, v0 o Replit#

Estas herramientas generan un proyecto de React o Vite. Tienes dos caminos:

• Descargar el proyecto (.zip o "Download code") y publicar el .zip tal cual: si tiene package.json, se ejecuta el build automáticamente.
• Conectarlo a GitHub desde la herramienta y desplegar el repositorio desde una cuenta: cada cambio que hagas en la herramienta se publica solo.

Si el proyecto usa variables (la URL y la clave pública de Supabase, por ejemplo), necesitas una cuenta para definirlas antes del build: lo explicamos en la guía de publicar un sitio hecho con IA.

Caso 3: trabajas con Cursor, Claude Code o Windsurf#

Pídele a tu asistente que publique el proyecto. Con tres comandos (npx skiffly login, npx skiffly init, npx skiffly up --yes) sube la carpeta, la construye y te devuelve la dirección. Los pasos detallados y un prompt listo para copiar están en la guía completa.

Revisa esto antes de compartir#

• Nombres de archivos: la IA a veces escribe Style.css en el HTML y tú guardas style.css. En el servidor son archivos distintos.
• Imágenes de ejemplo: si la IA usó enlaces a imágenes de muestra, verifica que sigan cargando.
• Formularios: un formulario "de contacto" generado por IA casi nunca envía nada por sí solo. Conecta un servicio de formularios o un backend.
• Claves: nunca pegues una clave secreta (de OpenAI, de pagos…) en el HTML.

Cuando funcione, guarda el sitio con una cuenta gratis para que no se borre a las 24 horas. Si algo no carga, mira los errores más comunes.