Publica una web de varios archivos desde ChatGPT o Claude con un solo prompt

Pide a tu IA que publique el proyecto entero, no un solo archivo. Desde octubre de 2026 el conector de Hostilo acepta una lista de archivos: index.html, CSS, JavaScript, logos SVG y fuentes. Todo se publica en una sola llamada y los enlaces entre archivos se corrigen solos.

Por qué las webs de varios archivos daban guerra

Las apps de IA suelen dividir el código como lo haría un desarrollador: index.html, css/style.css, js/app.js y un logo en img/. En la mayoría de hostings eso te deja dos opciones. Juntar todo a mano en un archivo, o subir cada archivo por separado y revisar cada ruta. Una ruta mal escrita y la página carga sin estilos.

Qué ha cambiado: la herramienta publish_files

El conector MCP de Hostilo tiene una herramienta nueva, publish_files. La IA envía todos los archivos a la vez y Hostilo:

• publica index.html como tu página y guarda la versión anterior en el historial;
• coloca el resto de archivos en assets/ conservando sus carpetas (assets/css/style.css, assets/img/logo.svg);
• reescribe los enlaces relativos de index.html, así href="css/style.css" pasa a href="assets/css/style.css";
• no toca los enlaces externos, las anclas ni mailto:.

La IA escribe rutas relativas normales. No necesita saber nada de la carpeta assets/.

Cómo hacerlo

Haz una landing page para mi panadería en archivos separados:
index.html, css/style.css, js/menu.js y un logo SVG en img/logo.svg.
Publícalos todos en el sitio panaderia-demo de Hostilo.

Lo que la IA envía realmente

Nunca tendrás que escribirlo, pero ayuda saber qué pasa por detrás:

{
  "site": "bakery-demo",
  "files": [
    { "path": "index.html", "content": "<!DOCTYPE html><html>..." },
    { "path": "css/style.css", "content": "body { font-family: system-ui; }" },
    { "path": "img/logo.svg", "content": "<svg xmlns=..." },
    { "path": "fonts/brand.woff2", "content": "d09GMgABAAAA...", "encoding": "base64" }
  ]
}

Los archivos de texto viajan como texto normal. Los binarios, como fuentes o imágenes PNG, viajan en base64 con "encoding": "base64".

¿Ya tienes el proyecto en un ZIP?

Si los archivos ya existen (una plantilla, una exportación de otra herramienta o una carpeta que comprimiste tú), hay dos caminos:

• Editor: Más → Importar → Proyecto desde un archivo ZIP. Primero ves una vista previa: qué será la página, cuántos archivos van a assets/ y qué se omite.
• Conector: la herramienta import_zip acepta un enlace público (zip_url), por ejemplo un archivo de GitHub, o el propio archivo en base64.

Hostilo aloja archivos estáticos: HTML, CSS, JavaScript, imágenes y fuentes. Un proyecto en React, Vue o Next.js hay que compilarlo antes. Comprime la carpeta de salida (normalmente dist o build), no el código fuente.

Para desarrolladores: la API REST

Las dos operaciones funcionan también con una clave API hk_ del panel:

curl -X POST "https://hostilo.app/api?action=publish_files" \
  -H "Authorization: Bearer hk_YOUR_KEY" \
  -H "Content-Type: application/json" \
  -d '{"site_id":123,"files":[{"path":"index.html","content":"<h1>Hi</h1>"},{"path":"css/style.css","content":"h1{color:#3671E9}"}]}'

curl -X POST "https://hostilo.app/api?action=import_zip&site_id=123" \
  -H "Authorization: Bearer hk_YOUR_KEY" \
  -H "Content-Type: application/zip" --data-binary @site.zip

Añade dry_run para recibir el informe sin cambiar nada y clear_assets para vaciar assets/ antes. Referencia completa: hostilo.app/agents.

Límites y seguridad

Cada publicación guarda el index.html anterior en el historial de versiones (las 10 últimas). Pide a la IA que “restaure la versión anterior” o haz clic en ella en el editor. Los archivos de assets/ con la misma ruta se reemplazan, el resto se queda como está.

Preguntas frecuentes

¿Necesito Hostilo PRO para esto?

No. publish_files e import_zip funcionan en el plan gratuito, dentro de su límite de espacio.

¿La IA sobrescribirá mis archivos actuales?

Solo se reemplazan los archivos con la misma ruta. El resto se queda, salvo que pidas vaciar antes la carpeta assets. Con una prueba (dry run) ves la lista antes de publicar.

Mi proyecto ya tiene una carpeta llamada assets. ¿Es un problema?

No. Las rutas que ya empiezan por assets/ no reciben un segundo prefijo, así que assets/css/style.css sigue siendo assets/css/style.css.

¿Puedo publicar varias páginas, como about.html?

Sí. Las páginas extra van a assets/ (por ejemplo assets/about.html), el enlace desde index.html se actualiza y los enlaces de vuelta a index.html se corrigen.

¿Con prisa? Lee Publica tu web desde Claude o ChatGPT en menos de 30 segundos.