Cómo publicar un artifact de Claude como una página web real
Claude te ha creado una web preciosa dentro de un artifact. Pulsas «Publicar» y obtienes un enlace dentro de la interfaz de Anthropic. Para enseñar una demo está bien, pero no es tu página web. Así la pones online como una web de verdad, con tu propia dirección.
Claude es muy bueno creando páginas web. Le pides una landing page, un portfolio o una web de una sola página y genera un artifact completo que puedes ver en el chat. El código es autónomo: HTML, CSS y JavaScript en un solo archivo. Justo el formato ideal para publicarlo al instante.
El problema es el último paso. El botón Publicar de Claude crea un enlace en el dominio de Anthropic, dentro de su interfaz. No puedes usar tu propia dirección, no lo controlas del todo y se ve como una «demo de Claude», no como una web real. Si quieres algo para tu negocio, tu portfolio o un proyecto, necesitas un hosting de verdad. La buena noticia: se hace en un minuto.
Primero, saca el HTML de Claude
- Botón de copiar: en el panel del artifact, haz clic en el icono de copiar para llevarte todo el código al portapapeles.
- Botón de descargar: Claude guarda el artifact como archivo
.html. - Pídeselo: escribe «Muéstrame el HTML completo de este artifact» y Claude pegará el código en el chat.
Consejo: pide un solo archivo HTML
Si Claude hizo el artifact en React, pídele: «Dámelo como un único archivo HTML autónomo, con todo el CSS y JavaScript dentro.» Un solo archivo HTML es lo más fácil de publicar: no hay nada que compilar.
Paso a paso: del artifact a una web publicada
Copia el HTML del artifact
Comprueba que tienes la página completa: empieza por <!DOCTYPE html> y termina con </html>.
Crea una cuenta gratuita
Regístrate en Hostilo: lleva un minuto y no pide tarjeta. Elige un nombre para tu web; será tu dirección pública, por ejemplo tu-nombre.hostilo.page.
Pega, guarda y listo
Abre el editor, pega el HTML (verás la vista previa al momento) y pulsa Guardar. Tu web está online con HTTPS, sin el envoltorio de Claude: solo tu página.
«Publicar» de Claude frente a un hosting real
| «Publicar» de Claude | Hosting real | |
|---|---|---|
| Dirección | Dominio de Anthropic | Tu nombre o tu dominio |
| Aspecto | Una demo de Claude | Una web de verdad |
| Dominio propio | No | Sí (en el plan PRO) |
| Formularios de contacto | No | Sí |
| Historial de versiones | No | Sí, las 10 últimas |
Editar y actualizar después
Como el artifact es un solo archivo, actualizarlo es fácil: edita el código en el editor de Hostilo o pide el cambio a Claude, copia la nueva versión y pégala encima. La web se actualiza al instante y la versión anterior queda en el historial por si quieres volver.
Extra: que Claude publique por ti
Si usas Claude con frecuencia, puedes saltarte el copiar y pegar. Añade Hostilo como conector personalizado (dirección https://hostilo.app/mcp), inicia sesión y pide en el chat: «publica esta página como mi-oferta». Claude crea y actualiza la web por ti. No puede borrar tus sitios y cada publicación guarda la versión anterior. Tienes la guía paso a paso en la documentación.
Preguntas frecuentes
¿Por qué no usar el botón Publicar de Claude?
Puedes hacerlo, pero la web queda en un dominio de Anthropic y dentro de su interfaz. Sirve para una demo, pero no permite dominio propio, formularios ni una web independiente.
Mi artifact es un componente de React. ¿Funciona?
Pide a Claude que lo convierta en un único archivo HTML autónomo con todo el CSS y JavaScript dentro, y pega ese archivo. Se publica al instante, sin compilar nada.
¿Funcionan los artifacts interactivos, como gráficos o calculadoras?
Sí. Si todo lo que necesita la página está dentro del archivo o se carga desde un CDN público, funciona igual que en la vista previa de Claude.
¿Es gratis?
Sí. El plan gratuito publica tu web en un subdominio con HTTPS, sin tarjeta. Basta con iniciar sesión al menos una vez cada 30 días: si no, las webs se pausan (no se borra nada). El plan PRO cuesta 29 USD al año y añade dominio propio y sin ese requisito.
Convierte tu artifact de Claude en una web real
Pega el HTML, guarda y obtén una web con tu propia dirección en segundos. Gratis, sin tarjeta.
Publica tu artifact gratis
