Vibe coding es describir con palabras lo que quieres y dejar que ChatGPT o Gemini escriba el código. Para hacerlo bien siendo principiante, pide archivos completos, un paso pequeño cada vez, y guarda cada versión que funcione. La extensión gratuita AI Code Harvester lista todos los archivos del chat y los descarga con un clic, así no tienes que hacer scroll para encontrar el código. Funciona en tu navegador y no necesita cuenta.
Qué es el vibe coding y dónde se atascan los principiantes
En el vibe coding no escribes el código tú. Le dices a la IA qué construir (una página para mi panadería), ella escribe los archivos, tú los pruebas y dices qué cambiar. Es una forma real de empezar, porque ves resultados en minutos. El problema llega a la hora. El chat ya es larguísimo, el código está repartido en muchas respuestas y subes y bajas buscando la última versión de cada archivo. Copias, pegas, pierdes el hilo y rompes algo que funcionaba. Los hábitos de abajo arreglan casi todo eso.
Siete hábitos para programar con una IA más fácilmente
- Empieza con una frase clara. Di qué construyes, para quién y cómo debe verse. Una web de una página para un paseador de perros, con foto, precios y formulario de contacto. Un objetivo claro vale más que un prompt largo.
- Pide el archivo completo cada vez. Escribe: Muestra siempre el archivo completo, no solo las líneas cambiadas. Los fragmentos sueltos son la razón número uno de que los principiantes peguen el código en el sitio equivocado.
- Haz que la IA nombre cada archivo. Pídele que escriba el nombre y la extensión encima de cada bloque de código, como index.html o style.css. Guárdalo como regla fija: en ChatGPT ve a Settings → Personalization → Custom Instructions.
- Cambia una cosa a la vez. Una petición y luego pruebas. Si pides diez cambios juntos y algo se rompe, no sabrás cuál fue.
- Devuelve el mensaje de error al chat. Si la página sale en blanco o un botón no hace nada, pega el texto exacto del error y escribe arregla esto. No hace falta que lo entiendas todavía.
- Guarda una versión que funcione antes de cada cambio grande. Descarga los archivos, ponlos en una carpeta y conserva esa copia. Si la siguiente respuesta lo rompe todo, vuelves atrás en un minuto.
- Pregunta por qué, con palabras simples. Di explícame qué hace esta parte como si fuera nuevo. Un curso corto de lo básico junto al chat ayuda mucho, porque así notas cuándo la IA se equivoca.
El ayudante que acaba con el scroll: AI Code Harvester
- Una lista de archivos, no un chat larguísimo. El panel muestra cada bloque de código de la última respuesta como una fila con el nombre del archivo y un punto de color según el tipo.
- Copiar o saltar. Cada fila tiene un botón Copy y un botón con flecha que lleva el chat hasta ese bloque.
- Elige qué guardar. Marca o desmarca Include in download en cada archivo.
- Un clic para todo. Download all as ZIP guarda la respuesta entera en un ZIP. ¿Prefieres archivos sueltos? Cambia a 1-by-1.
- Extras útiles. Un botón Jump to Bottom, un control de opacidad para que el panel no tape el chat y un botón que explica la configuración.
- Se queda donde lo pones. Arrástralo, cambia su tamaño o minimízalo, y puede recordar su posición.
También puedes cambiar el aspecto. En los ajustes eliges uno de cuatro colores de acento: morado, azul, verde o ámbar, y decides dónde van los archivos: una carpeta AI_Code_Harvester dentro de Descargas, directamente en Descargas o preguntar cada vez. Se configura en un minuto: añádela desde Chrome Web Store y abre ChatGPT o Gemini.
Por qué instalarla desde el primer día
Cuando eres nuevo haces muchos intentos pequeños y cada uno genera archivos. Sin ayudante, cada uno es trabajo manual: hacer scroll, seleccionar, copiar, pegar en un archivo, ponerle nombre. Con Harvester es un clic y los archivos ya llevan el nombre correcto, así que la carpeta de tu proyecto queda ordenada desde el primer día. Eso hace casi gratis el hábito seis (guardar una versión que funcione) y es la razón por la que la extensión es más útil al empezar. Es gratis, funciona solo en chatgpt.com y gemini.google.com, y tus chats se quedan en tu ordenador. Más en la página de AI Code Harvester.
Límites, con honestidad
- Solo recoge bloques de código. Si la IA te da solo un PDF, una imagen o un enlace a un archivo, no hay nada en pantalla que guardar.
- No recrea carpetas. El ZIP es plano, así que mueves los archivos a carpetas tú mismo.
- No escribe ni arregla código. Eso sigue siendo trabajo de la IA, y probarlo es cosa tuya.
- Las vistas Canvas (la ventana lateral que abren algunos chats) pueden no encontrarse. Pide a la IA que pegue el código en el chat.
¿Ya conoces la parte de guardar en ZIP? El paso a paso está en nuestra guía para descargar código de IA como ZIP.
Conviene saber antes de empezar
- El vibe coding no es magia. La IA puede equivocarse, así que prueba siempre lo que te da antes de fiarte.
- Nunca pegues contraseñas ni claves secretas en un chat. Si un proyecto las necesita, guárdalas en un archivo privado y déjalas fuera del prompt.
- La extensión funciona solo en chatgpt.com y gemini.google.com. Usa Chrome o un navegador basado en Chromium.
- Guarda lo que está escrito en el chat. Sin bloques de código en pantalla no hay nada que recoger.
- Es gratis y se queda en tu ordenador. Sin cuenta, sin subida y no leemos tus chats.
Preguntas frecuentes
Es crear software describiendo con lenguaje normal lo que quieres y dejando que una IA como ChatGPT o Gemini escriba el código. Pruebas el resultado y pides cambios, en lugar de teclear el código tú.
Sí, para empezar. Pide pasos pequeños, pide a la IA que explique cada parte con palabras simples y prueba todo. Añade un curso para principiantes para poder juzgar las respuestas tú mismo.
Los dos pueden escribir código que funciona. Elige el que ya usas. Los hábitos de esta guía, como pedir archivos completos y un cambio a la vez, funcionan igual en ambos.
Pide a la IA que ponga el nombre del archivo encima de cada bloque de código y descarga cada versión que funcione. AI Code Harvester lista los archivos y los guarda como ZIP con un clic.
Sí. Todas las funciones son gratis y no necesitas cuenta.
No. Funciona en local, en tu navegador. Tus prompts y tu código no salen de tu ordenador.
AI Code Harvester — Gratis, local, sin cuenta
Creado por GetPlugzz. Solo procesamiento local: no se envía nada y no se rastrea nada.
