Cómo publicar HTML desde el chat de Claude
Claude es brillante construyendo webs de un solo archivo — landing pages, presentaciones, jueguitos — pero Anthropic no las aloja. Tu página vive en un Artifact dentro de claude.ai, y las personas a las que quieres enseñársela no tienen tu chat. Aquí tienes cómo moverla del chat a una dirección web real y compartible en medio minuto.
- 01
Abre el Artifact
Tu página aparece en el panel lateral de Claude como un Artifact con una vista previa en vivo. Haz clic en él para que el panel de vista previa esté abierto y, si quieres echar un vistazo al HTML, cambia a la vista de código.
- 02
Copia o descarga el código
Usa el icono de copiar en la parte inferior del panel del Artifact, o el botón de descarga para guardar el archivo directamente en tu ordenador. De cualquiera de las dos formas, ya tienes el HTML completo.
- 03
Guárdalo como index.html
Pega el código en cualquier editor de texto — Notepad, TextEdit, VS Code — y guarda el archivo como index.html. El nombre importa: es lo que los navegadores tratan como tu página de inicio.
- 04
Suéltalo en la caja de abajo
Arrastra index.html (o la carpeta entera) a la caja de subida de esta página y dale a publicar. Tu sitio consigue su propia dirección web al instante.
- 05
Comparte tu enlace
Y ya está — envía la URL a quien quieras. Puedes renombrar el sitio, actualizar los archivos o eliminarlo desde tu panel cuando quieras.
Suelta aquí tu HTML de Claude
Un archivo o una carpeta entera — tendrás un enlace en vivo en cuanto se publique.
Arrastra tu web aquí
Suelta una carpeta con tu index.html — o simplemente pega HTML desde tu portapapeles — y la pondremos online en segundos. Sin instalación, sin configuración, sin dolores de cabeza.
O deja que Claude lo publique por ti
Sáltate el copiar y pegar por completo. Copia nuestras instrucciones listas para usar, pégalas en tu conversación de Claude y podrá subir el sitio a través de nuestra API — recibes un enlace en vivo y un enlace privado de reclamación para tomar posesión.
¿Trabajas en una terminal? Ejecuta npx hosting — sin necesidad de cuenta.
Preguntas sobre publicar desde Claude
Claude me da un enlace para compartir Artifacts — ¿no es suficiente?
Un enlace de Artifact publicado se abre dentro de claude.ai con la marca de Claude alrededor, y a los visitantes se les puede pedir que inicien sesión. Publicar aquí te da una web normal en su propia dirección que cualquiera puede abrir en cualquier navegador — sin cuenta y sin nada alrededor de tu página.
¿Y si estoy usando Claude Code en la terminal?
Entonces tus archivos ya están en el disco — aún más fácil. Ejecuta npx hosting dentro de la carpeta del proyecto y desplegará todo, o pega nuestras instrucciones de IA en Claude Code y publicará el sitio por ti a través de nuestra API.
¿Cuál es la forma más fácil de publicar HTML desde Claude?
Hay tres. La más fácil: copia el HTML de Claude y pégalo en la caja de esta página — lo convertimos en un sitio en vivo al instante. A largo plazo: instala nuestra extensión de navegador y publica desde chats de IA con un clic. Sin mover un dedo: copia nuestras instrucciones de IA en tu conversación de Claude y publicará por ti a través de nuestra API.
¿Necesito una cuenta para publicar?
Publicar desde esta página requiere una cuenta gratuita, para que tu sitio tenga un hogar en tu panel. ¿Prefieres no registrarte? Ejecuta npx hosting en una terminal — despliega sin cuenta y te da un enlace privado de reclamación para más tarde.
¿Y si Claude me dio más de un archivo?
Pon todo en una carpeta — index.html en el nivel superior, más el CSS, JavaScript e imágenes que referencia — y arrastra la carpeta entera a la caja. Hasta 500 archivos y 50 MB por sitio.
¿Cuánto cuesta y cuánto tiempo permanece online el sitio?
Es gratis, y los sitios publicados no caducan — siguen en vivo hasta que los eliminas desde tu panel. Vuelve a subir archivos cuando quieras y el enlace se mantiene igual.
¿Usas otro chat de IA?
La receta es casi idéntica en todas partes — elige tu herramienta para ver los pasos exactos.