El panel de la derecha en Claude es un *artifact*, y sí se descarga. Lo que decide si terminaste o te falta la mitad es en qué formato baja.
Mira la extensión, no el diseño
El botón de descarga del artifact te da uno de dos archivos, y se ven idénticos en pantalla:
.html— una página completa de un solo archivo. Eso ya es tu sitio. Se publica tal cual..jsxo.tsx— un componente de React. Eso todavía no es un sitio: es una pieza que necesita un proyecto alrededor y un paso de construcción para existir en un navegador.
La confusión viene de que el artifact de React sí se ve funcionando dentro de Claude. Es porque Claude lo está ejecutando por ti en su propio entorno; ese entorno no viene incluido en el archivo que descargas.
Si te bajó un .jsx, pídelo de nuevo
La ruta más corta —y la que resuelve el 90% de los casos— es pedirle: «reescríbelo como una sola página HTML, con el CSS y el JavaScript incluidos, sin React». Claude lo rehace, el artifact nuevo baja como .html, y ya no hay nada más que hacer.
Si quieres conservar React porque piensas seguir creciendo el proyecto, entonces necesitas un proyecto de verdad alrededor del componente (Vite es lo habitual) y publicar el resultado construido, no el archivo suelto.
Guárdalo bien
Si lo copias en vez de descargarlo, aplica la misma regla de siempre: el nombre tiene que quedar index.html exacto, no index.html.txt. Y ábrelo con doble clic antes de publicarlo — si ves tu página, está bien.
Lo que el artifact no trae
Los artifacts salen bien escritos pero desnudos para Google y para WhatsApp: casi nunca traen description, ni imagen de preview (og:image), ni favicon. No es un error de Claude — nadie se lo pidió. El resultado es que tu link se comparte sin miniatura y aparece en los resultados de búsqueda sin descripción.
FluentOps revisa siete puntos de esos en cada publicación y genera los que falten, sin sobreescribir nada que tú ya hayas puesto.
Publicarlo
- Descarga el artifact como
.html. - Ponlo en una carpeta (o súbelo solo, también funciona).
- Arrástralo a FluentOps. Al ser HTML plano no hay build: publica directo.
- Recibe tu URL con SSL, servida desde la red global.
Otras herramientas
Si además usas Cursor, Lovable o v0, cada una entrega algo distinto y la comparación está en la guía de las seis herramientas.