Publica tu artifact de Claude como página web
Claude hizo la página y se ve bien en el panel del artifact. Pega su código aquí abajo y obtén una dirección para enviar a quien quieras, con HTTPS y tu nombre.
- Una dirección como tu-nombre.hostilo.page con HTTPS
- Hasta 5 páginas y 50 MB, sin tarjeta
- Editor de código con vista previa en vivo
Añade Hostilo a Claude una vez y luego basta con decir «publica esto en Hostilo». Claude envía los archivos por sí mismo, sin copiar nada.
Cómo funciona
- Abre el artifact en Claude y usa Copiar (o Descargar) en la esquina superior del panel.
- Pega el código aquí y haz clic en Publicar. Crea una cuenta gratis con tu correo.
- Elige un nombre. Tu página queda en línea en name.hostilo.page y puedes editarla en el navegador.
Un prompt que te da código listo para publicar
Haz esto como un solo archivo HTML con el CSS y el JavaScript dentro, no como un componente de React. Sin archivos externos, salvo fuentes y librerías cargadas desde un CDN. Página:
Pégalo en tu chat de IA y describe tu página después de los dos puntos.
Problemas habituales
Claude me dio un componente de React, no HTML
Los artifacts de React (.jsx) necesitan compilarse. Pídele a Claude: "Convierte este artifact en un solo archivo HTML independiente que cargue React desde un CDN". El resultado se pega tal cual en Hostilo.
Faltan imágenes después de publicar
Claude suele apuntar a archivos que solo existían en el chat, como image.png. Sube las imágenes en la pestaña Archivos del editor con los mismos nombres, o pídele a Claude que use URLs de imágenes.
Las tildes, la ñ u otros caracteres se ven mal
Comprueba que el código tenga <meta charset="UTF-8"> en el head. Claude suele añadirlo, pero se pierde si copias solo una parte del código.
Qué incluye el plan gratis
- Una dirección como tu-nombre.hostilo.page con HTTPS
- Hasta 5 páginas y 50 MB, sin tarjeta
- Editor de código con vista previa en vivo
- Estadísticas de visitas de los últimos 7 días
- Formularios de contacto: 50 mensajes al mes
- Descarga tu página en ZIP cuando quieras
PRO añade tu propio dominio, 20 páginas, 1 GB, sin distintivo y un año de estadísticas, por $29 al año. Pruébalo gratis 7 días después de registrarte.
Preguntas
¿No basta con el botón Publicar de Claude?
Ese botón comparte el artifact en claude.ai. Hostilo le da una dirección web normal y te deja editar el código, añadir subpáginas, conectar un formulario de contacto y más adelante tu propio dominio.
¿Claude puede publicar en Hostilo sin copiar nada?
Sí. Añade el conector de Hostilo (https://hostilo.app/mcp) en Claude, aprueba el acceso y di "publica esto en Hostilo". Claude envía los archivos por su cuenta.
¿La página sigue en línea si cierro el chat?
Sí. La página vive en Hostilo, no en la conversación. En el plan gratis solo tienes que iniciar sesión una vez al mes para que no se pause.
¿Puedo cambiar la página después?
Ábrela en el editor, cambia el texto o el código y guarda. O pega encima una nueva versión de Claude. Se guardan las últimas versiones para que puedas volver atrás.
Lee la guía completa
Cómo publicar un artifact de Claude como página web real (guía 2026)Guías relacionadas
Tu página puede estar en línea en un minuto
Regístrate con un correo y una contraseña. Plan gratis, sin tarjeta.
Empieza gratis