Convierte el HTML que hizo tu IA en un enlace en vivo

Cuando Claude crea una página, la muestra como un artefacto junto al chat. Abre el artefacto y usa su opción de copiar o descargar para obtener el código, luego guárdalo como un archivo que termine en .html (por ejemplo index.html). Revisa qué tipo de artefacto tienes. Un artefacto HTML está listo para subir tal cual. Un artefacto React es un componente, no una página, así que no se ejecuta solo; pide a Claude que "lo reescriba como un único archivo HTML autocontenido con el CSS y el JavaScript integrados, cargando las bibliotecas desde un CDN" y guarda esa versión. Después arrastra el .html al cargador, inicia sesión y copia tu enlace. Si usas Claude Code en lugar del chat, el archivo ya está en tu disco, y con nuestro servidor MCP conectado Claude puede publicarlo y darte el enlace en la misma conversación.

ChatGPT y Gemini pueden escribir y previsualizar páginas web en un panel lateral. La ruta más simple y fiable es la misma para ambos: copia el código completo, pégalo en un editor de texto plano (Bloc de notas, TextEdit en modo texto, VS Code) y guárdalo como index.html. Antes de copiar, pide al asistente que "ponga todo en un único archivo HTML", porque a veces las respuestas separan el CSS y el JavaScript en bloques distintos, y un .html solo no puede cargar archivos que estén a su lado. Las imágenes funcionan cuando apuntan a direcciones https:// completas o van incrustadas como data URIs. Abre una vez el archivo guardado en tu navegador; si ahí se ve bien, se verá bien en el enlace. Súbelo, y la persona a quien se lo envíes verá la página funcionando, sin necesitar cuenta de ChatGPT ni de Gemini para verla.

Los creadores de apps como Lovable y Bolt generan un proyecto front-end completo, normalmente React con Vite, en lugar de un archivo HTML. Subir el código fuente no funciona, porque el navegador necesita la salida compilada. Primero saca el código: sincroniza el proyecto con GitHub o descárgalo, según lo que ofrezca tu herramienta. Luego, en tu ordenador, ejecuta npm install y npm run build. Eso crea una carpeta dist/ con un index.html y el JavaScript y CSS empaquetados. Comprime esa carpeta y publícala con el alojamiento de sitios web, que requiere Pro: encontramos el index.html, servimos cada recurso con el tipo correcto y podemos volver a index.html para las rutas del cliente, así que las recargas y los enlaces profundos funcionan. Si la app habla con un backend alojado como Supabase desde el navegador, esas llamadas HTTPS siguen funcionando, siempre que ese servicio acepte peticiones y redirecciones de inicio de sesión desde tu nueva dirección, así que añade la nueva URL a su lista de permitidas.

v0 suele generar componentes React pensados para Next.js. Tienes dos opciones honestas. Para una maqueta rápida o una landing que solo quieres que la gente vea, pide a v0 "un único archivo HTML estático usando Tailwind desde un CDN", guárdalo como index.html y súbelo como un enlace normal. Para una app real, descarga el código y ejecútalo en local. Si la app no tiene funciones de servidor, pon output: 'export' en next.config, ejecuta el build, y Next.js escribe una carpeta estática out/ que puedes comprimir y publicar como sitio web en Pro. Si depende de rutas API, server actions o renderizado por petición, necesita una plataforma que ejecute un servidor Node, y el alojamiento estático no encaja; preferimos decírtelo antes que aceptar la subida.

Los agentes de programación escriben archivos reales, así que no hay nada que copiar. Un único report.html o demo.html de tu proyecto se puede arrastrar al cargador tal cual. Un proyecto con paso de compilación funciona como Lovable: ejecuta el build y publica la carpeta de salida como sitio web en ZIP con Pro. El camino más rápido es nuestro servidor MCP. Añádelo a Claude Code con un comando, o a Cursor y VS Code mediante su configuración MCP, usando una clave de API de tu panel. Luego pide al agente que "cree un resumen de una página de estos datos en HTML y lo publique como enlace", y sube el archivo pasando los mismos controles que la web y responde con la URL. El agente no puede cambiar ajustes de enlaces ni borrarlos; ese control lo mantienes tú en el panel.

Cuenta los archivos. Si todo vive en un .html (estilos en una etiqueta <style>, scripts en una etiqueta <script>, bibliotecas desde un CDN), publícalo como enlace normal: funciona en todos los planes, hasta 250 MB por archivo en el plan gratuito y 500 MB en Pro, y tiene todos los controles de enlace, incluidos código QR, analíticas de visitas, contraseña, fecha de caducidad y tu propio dominio. Si la página necesita otros archivos a su lado (una segunda página, una carpeta /assets, un bundle de JavaScript), es un sitio web, así que comprime la carpeta y publícala con el alojamiento de sitios web de Pro. En ambos casos, reemplazar el archivo o volver a subir el ZIP mantiene el mismo enlace, así que cuando la IA te dé una versión mejor la semana que viene, nadie necesita una URL nueva.