Constructor, editor o agente
Lección 2 de 26 del curso «Vibe coding». Gratis, con animaciones y un test.
Tres tipos de herramientas de IA
Las herramientas de IA para programar son de tres tipos. Constructor: lo describes con palabras y obtienes un sitio listo en el navegador. Editor con IA: ves los archivos del proyecto y la IA los edita a tu lado. Agente: recibe una tarea y él mismo cambia archivos y ejecuta comandos. La flecha de abajo: cuanto más a la derecha, más control, pero también necesitas saber más.
Constructor: el inicio rápido
El constructor funciona directo en el navegador: Lovable, Bolt, v0, Replit. Escribes «una web para mi banda de covers con calendario de conciertos» y en un par de minutos ves una página funcionando. Es el inicio más rápido y no hay que instalar nada. La contra: menos control, cuesta ajustar un detalle exacto o entender qué hay dentro. Ideal para un prototipo, o sea una versión borrador, y para una landing.
Editor con IA: el punto medio
Un editor de código es un programa donde tienes todo el proyecto abierto como archivos y carpetas. Por ejemplo, Cursor, Windsurf o VS Code con Copilot. La IA está en un panel lateral: propone cambios, completa líneas y explica una parte confusa. Ves cada cambio y decides tú si lo aceptas. Más control que un constructor y más fácil de empezar que un agente.
Agente: hace el trabajo solo
Un agente es una IA que no solo aconseja, actúa. Claude Code, Codex y Gemini CLI funcionan en la terminal, una ventana donde escribes comandos como texto. Le das una tarea como «agrega un tema oscuro», el agente lee el proyecto, cambia una docena de archivos y ejecuta pruebas. Es el máximo poder. Pero sin entender Git, el programa que guarda versiones, y sin revisar el resultado, es fácil perder la versión que funcionaba.
Por dónde empezar
Una ruta que funciona: arma el primer prototipo en un constructor. Cuando te guste, pasa el código a GitHub, un sitio que guarda una copia de tu proyecto en la nube. Muchos constructores tienen un botón para exportarlo. Después sigue en un editor o con un agente. Error común: saltar cada día a una herramienta nueva de moda. Mejor un proyecto terminado que cinco abandonados.
Ponte a prueba
- Quieres armar el primer prototipo de una landing en una tarde. ¿Qué usas?
Respuesta correcta: Un constructor en el navegador. El constructor te da una página funcionando más rápido que nada, sin instalar. El control y el agente vienen después. - ¿En qué se diferencia un agente de un editor con IA?
Respuesta correcta: Cambia muchos archivos y ejecuta comandos solo. El editor propone cambios a tu lado. El agente recibe una tarea y actúa solo, por eso hay que revisar su trabajo. - ¿Qué suele impedir que termines un proyecto?
Respuesta correcta: Cambiar de herramienta cada día. Cada herramienta nueva es empezar de cero. Un proyecto terminado enseña más que cinco empezados.