Nivel 5 · Cada IA a su manera

Lo único que Cartaventa necesita es un archivo .html. Todas las IA de uso general lo pueden generar; lo que cambia es dónde te lo dejan y qué tan fácil es iterarlo.

Los detalles de cada producto cambian seguido —esto está escrito en septiembre de 2026—, pero la mecánica de abajo no: genera, previsualiza, descarga, sube.

Lo que aplica a todas

1. Pide el archivo completo, siempre. Cuando vayas a iterar, di "devuélveme el archivo completo, no solo la parte que cambió". Si no, acabas pegando fragmentos a mano y ahí es donde se rompen las cosas.
2. La vista previa de la IA no es Cartaventa. Ahí sí cargan librerías de CDN y sí funciona localStorage; en Cartaventa no. Por eso el bloque de reglas técnicas va dentro del prompt —los del manual ya lo traen— y por eso siempre revisas con el botón Ver después de subir.
3. Una conversación por propuesta. Cuando la conversación se llena de versiones, la IA empieza a mezclarlas.

Claude

La más cómoda para esto: el artefacto se ve al lado del chat, se actualiza en cada iteración y se puede descargar como archivo.

• Pídele el documento y trabájalo en el panel lateral; ahí lo vas viendo mientras lo ajustas.
• Para descargarlo, usa la opción de descargar del propio artefacto. Si no la ves, pídele: "dame este documento como archivo .html para descargar".
• Si tienes Proyectos, guarda ahí tu formato base y tus propuestas ganadoras: cada conversación nueva arranca con ese contexto y ya no lo pegas cada vez.
• Con Claude Code en tu computadora, el archivo se escribe directo en tu carpeta: es la ruta más corta si ya trabajas así.

ChatGPT

• Con Canvas ves el documento al lado y lo editas por partes; sirve bien para cambios quirúrgicos ("solo la sección de precios").
• Para obtener el archivo, pídelo explícito: "genérame el archivo propuesta.html y dame la liga de descarga". Suele armarlo con su intérprete de código y dejarte la descarga.
• Si trabajas con proyectos o con un GPT propio, sube ahí tu formato base y tus lineamientos de marca.
• Ojo con una costumbre suya: le gusta meter Tailwind o alguna librería desde un CDN. El bloque de reglas técnicas lo evita; si aun así aparece, dile "quita el CDN y escribe el CSS a mano en el documento".

Gemini

• Su Canvas previsualiza el HTML y lo deja descargar.
• Va bien cuando la materia prima está en Google: un documento con la minuta, una hoja de cálculo con los números. Adjúntalos y pídele que los use como fuente.
• Google AI Studio es la ruta de quien quiere más control del prompt del sistema; ahí puedes dejar fijas tus reglas técnicas.

Copilot

Hay que distinguir dos productos con el mismo nombre:

• Copilot en VS Code (o en tu editor). Es el mejor camino de los dos: le pides el archivo y lo escribe directo en tu carpeta, listo para subir. Si ya tienes VS Code, abre una carpeta, crea propuesta.html y pídele ahí el documento.
• Microsoft 365 Copilot (el del navegador, Word, Teams). Es fuerte para partir de un .docx o de una minuta de Teams, pero no suele entregarte un .html descargable. La ruta práctica: pídele el contenido y el código, cópialo y guárdalo como archivo tú (abajo está cómo), o pásaselo a alguna de las otras tres para el armado final.

Cuando solo te dan el código en el chat

Copias todo el bloque, lo pegas en un editor de texto plano —TextEdit en Mac con Convertir a texto sin formato, Bloc de notas en Windows— y lo guardas como propuesta.html en UTF-8. Si al abrirlo ves acentos rotos (ñ, Â), la codificación quedó mal: vuelve a guardarlo.

Los pasos con todo detalle están en Tu primer documento.

Qué IA elegir

La que ya uses. La diferencia entre ellas para este trabajo es de comodidad, no de resultado: lo que decide la calidad de la propuesta es la materia prima que le pegues y qué tan específico sea tu prompt. Un prompt flojo en la mejor IA del mundo te entrega un folleto.

Qué sigue

Con el archivo en la mano, Subir y publicar un documento. Y si ya vas a hacer esto seguido —o no eres el único que lo hace—, Dónde vive tu formato base.