Manual de AI Code Harvester: cada función, paso a paso
Una guía ilustrada y breve de la extensión gratuita para ChatGPT y Gemini. Las imágenes se mueven para que veas cómo funciona cada cosa.
NuevoNovedades de esta versión
Aparca el panel en un borde de la pantalla
Arrastra el pequeño panel de Harvester a cualquier borde de la pantalla. Se recoge como un cajón estrecho y nunca tapa el chat.
Arrastra el panel por su título hacia un borde. Cuanto más te acerques, más brilla el borde.
Suelta y el panel se recoge en el borde. Haz clic en la franja para volver a sacarlo.
¿Lo quieres cerca del borde pero sin acoplarlo? Mantén Shift (o pulsa Esc) mientras arrastras.
</>
Mira cómo se escribe el código
En el cajón cerrado, una línea de bloques se llena mientras la IA escribe y muestra el archivo en curso. Cuando el código está terminado todo se ilumina y Mostrar abre la página al instante.
El cajón cerrado: mientras la IA escribe y cuando el código está listo.
Mira la página en vivo
Haz clic en Mostrar y la página se abre en su propia pestaña, funcionando de verdad. Cuando la IA termina una respuesta nueva, la página se actualiza sola.
Haz clic en Mostrar: en el panel, en el cajón cerrado o en un proyecto del historial.
Arriba cambia entre Ordenador, Tableta y Móvil para ver la página en cada pantalla.
Pídele un cambio a la IA. Cuando termine, la vista previa se actualiza sola.
bakery-siteOrdenadorTabletaMóvil
Tus colores
Elige un color de acento en tono claro, normal u oscuro, o el color que quieras. En Ajustes también puedes afinar el cajón cerrado (los bloques y el botón Mostrar) y ver el resultado al momento.
En detalle
Exporta a tu manera
Un clic y tu trabajo sale de Harvester con la forma que necesitas para lo siguiente. Nada va a un servidor: el archivo se crea en este ordenador.
Harvester
.zip.html+ chat.md.md→ AI.pdfcopy
Archivos
ZIP con archivos
Todos los archivos seleccionados, cada uno en su carpeta, en una sola descarga. Lo descomprimes y el proyecto funciona tal como lo construyó la IA.
Ideal parallevar un proyecto terminado a tu ordenador o a un hosting
Página única (.html)
Estilos y scripts unidos en un solo archivo .html. Se abre con doble clic o se envía por correo: no hace falta nada más.
Ideal paraenseñar la página a alguien rápidamente
¿Proyecto con varias carpetas? Créalo en ZIP con las carpetas: si la IA escribe una ruta sobre el código (css/style.css), la carpeta se reconoce sola, y en el Workspace puedes cambiar a mano la carpeta de cada archivo. El ZIP se arma con esa estructura exacta.
Chat
Código + chat
Los archivos más un chat.md que explica cómo se hicieron, todo en un ZIP. Las razones detrás del código viajan con él.
Ideal paraentregar un proyecto o retomarlo meses después
Chat en Markdown
La conversación como Markdown limpio: títulos, listas y bloques de código quedan ordenados.
Ideal paranotas en Obsidian, Notion o GitHub
Chat para continuar en otra IA
Un archivo Markdown con una instrucción breve arriba. Lo pegas en un chat nuevo y otra IA sigue con todo el contexto.
Ideal paracambiar de ChatGPT a Gemini o cuando un chat se hace demasiado largo
Chat en PDF
Abre el cuadro de impresión para guardar la conversación como un PDF que cualquiera puede leer.
Ideal paradocumentos, informes y personas que no usan código
Copiar chat
Todo el texto queda en el portapapeles con un clic, listo para pegar.
Ideal paraun mensaje rápido, un correo o un ticket de soporte
IncluirÚltima respuesta / Toda la conversación · Las conversaciones muy largas pueden superar lo que la IA es capaz de leer. En chats largos, elige «Última respuesta».
Las herramientas de cada día
≡ Code Harvester↻
index.html↕
style.css↕
app.js↕
↓ Ir al final
Salta directo a cualquier código
Cada archivo del panel tiene un botón ↕. Haz clic y el chat se desplaza a ese bloque de código exacto y lo ilumina un momento, así nunca tienes que buscar en una respuesta larga. ↓ Ir al final te lleva de vuelta a la última respuesta.
≡ Code Harvester↻
index.html
style.css
app.js
📦 ZIP📄 Uno a uno
💾 Descargar todo (3) en ZIP💾 Descargar seleccionados (2/3) en ZIP
Downloads
.zip
Descarga todo con un solo botón
Marca los archivos que quieras (al principio están todos marcados) y pulsa el botón grande. Su texto te dice qué va a pasar, por ejemplo Descargar seleccionados (2/3) en ZIP. ¿Prefieres archivos sueltos? Cambia a Uno a uno.
≡ Code Harvester↻
index.html✓ ¡Copiado!↕
style.css↕
Ctrl + V
Copia solo el código que necesitas
Haz clic en el botón de un archivo, por ejemplo index.html, y solo ese código va al portapapeles, listo para pegar. Un momento dice Copiado! y queda marcado para que recuerdes lo que ya tomaste. Otro clic lo desmarca.
≡ Code Harvester↻
index.html↕
style.css↕
app.js↕
Actualiza cuando cambie el chat
Harvester sigue el chat solo. Si cambiaste de conversación o la lista parece desfasada, pulsa ↻ y vuelve a leer el último código.
≡ Code Harvesteri
index.html
style.css
Configuración necesaria
📋 Copiar prompt✓ ¡Prompt copiado!
Custom Instructions
index.htmlstyle.cssapp.js
Pega las instrucciones de configuración una vez
El botón ⓘ te da una instrucción corta. Pégala en el chat, o una sola vez en las instrucciones personalizadas de Gemini o ChatGPT. Desde entonces la IA escribe el nombre de cada archivo sobre su código, y Harvester nombra y ordena tus archivos a la perfección.
≡ Code Harvester⚙
index.html
Guardar descargas en
Preguntar siempre
Carpeta AI_Code_Harvester
Descargas (sin carpeta)
⋯
AI_Code_Harvester / project.zip
Downloads / project.zip
Elige adónde van las descargas
En ⚙ elige Guardar descargas en: Preguntar siempre (eliges un sitio cada vez), Carpeta AI_Code_Harvester o Descargas (sin carpeta). La misma opción está en los Ajustes del Workspace.
Ojo: ahora las descargas preguntan por defecto dónde guardar. Puedes cambiarlo en los ajustes ⚙ del panel o en los Ajustes del Workspace.