Actualizado el 17 oct 2026 ## ¿Cómo comparto una página HTML que hice con IA? Guarda el resultado de la IA como un único archivo .html, súbelo aquí y copia el enlace. La página se muestra en vivo en una vista de navegador aislada, así que quien la reciba ve la página funcionando, no el código. Si tu herramienta de IA generó un proyecto completo, compílalo y publica la carpeta de salida como sitio web en ZIP. ### Un archivo es gratis en todos los planes La mayoría de las herramientas de chat te dan una sola página: un panel, una calculadora, un quiz, una maqueta de landing. Sube ese .html y se convierte en un enlace también en el plan gratuito, hasta 250 MB por archivo. [Hosting HTML](https://linkinseconds.com/es/html-hosting) ### Apps completas hechas con IA como sitio web Lovable, Bolt y v0 suelen generar un proyecto completo, no un archivo. Compílalo, comprime la carpeta de salida (dist/ u out/) y publícala con el alojamiento de sitios web de Pro, con cada ruta y recurso servido. [Publica un build de Vite o React](https://linkinseconds.com/es/deploy-vite-react-build) ### Deja que Claude o Cursor lo publiquen por ti Conecta nuestro servidor MCP a Claude Code, Cursor o VS Code y pide: "publica esta página como enlace". El asistente sube el archivo a tu cuenta y responde con la URL. [Documentación del servidor MCP](https://linkinseconds.com/es/docs/mcp) ### Seguro de abrir, para ti y para ellos El código generado se muestra en un frame aislado sin acceso al mismo origen, así que no puede leer las cookies de nadie. Cada subida se verifica por sus bytes reales y se analiza antes de hacerse pública. ### Qué revisar antes de compartir El código React aún no es HTML. Un componente .jsx o .tsx de un chat no se ejecuta solo; pide a la IA un único archivo HTML autocontenido, o compila el proyecto y publica la salida. Los datos guardados pueden no persistir. Un enlace HTML único corre en sandbox, así que el código que depende de localStorage o cookies (una lista de tareas que recuerda elementos) puede no guardar entre visitas. Sin servidor y sin secretos. El alojamiento estático solo sirve archivos; nunca pegues una clave de API en el HTML, porque cualquiera que abra el enlace puede leerla. ## Cómo funciona - 1 ### Consigue un archivo .html autocontenido Copia o descarga el código de Claude, ChatGPT, Gemini o tu editor y guárdalo como index.html. Si la IA lo dividió en varios archivos o escribió un componente React, pídele un único archivo HTML con el CSS y el JavaScript integrados. - 2 ### Súbelo e inicia sesión Arrastra el archivo a la tarjeta e inicia sesión con Google. El archivo se verifica por sus bytes reales y se analiza, gratis hasta 250 MB y 500 MB en Pro. Una app compilada se sube como ZIP con el alojamiento de sitios web de Pro. - 3 ### Abre el enlace y compártelo Abre tu enlace una vez para comprobar que la página funciona, luego envía la URL o su código QR. Añade una contraseña o una fecha de caducidad si quieres, y mira el contador de visitas para saber cuándo se abrió. ## Artefactos de Claude: guarda la página como un archivo HTML 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 canvas y Gemini: copia el código en un archivo 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. ## Lovable y Bolt: compila el proyecto y publica la carpeta 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 de Vercel: HTML simple para una maqueta, exportación estática para una app 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. ## Cursor, Codex y Claude Code: publica directamente desde tu editor 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. ## Un archivo HTML o un sitio web en ZIP: cuál necesitas Cuenta los archivos. Si todo vive en un .html (estilos en una etiqueta