Globaprom.
Categoría sin título

Cómo hacer vibe coding, paso a paso

Fecha de publicación

Ilustración isométrica de una varita que monta una aplicación paso a paso, que refleja cómo hacer vibe coding.

Para hacer vibe coding, eliges una herramienta de IA, describes el software que quieres en lenguaje corriente, ejecutas tal cual el código que genera y afinas diciéndole a la IA qué se ve mal, repitiendo hasta que el resultado se comporta como pretendías. Juzgas el resultado por lo que hace, no por la lectura del código.

Ese bucle es toda la práctica, y puedes ponerlo en marcha esta misma tarde sin saber programar. Si primero quieres la definición y el origen, empieza por qué es el vibe coding; para el lado de negocio, el hub sobre el vibe coding y el desarrollo asistido por IA toma el relevo.

Qué necesitas antes de empezar

Tres cosas, y ninguna es un grado en informática. Una idea clara del único trabajo que debe hacer el software. Una herramienta de IA capaz de escribir y ejecutar código. La disposición a describir, probar y volver a describir.

Las herramientas se reparten en tres grupos, y tu elección determina cuánto llegas a tocar el código.

  • Los asistentes de chat como Claude y ChatGPT. Pides un script o una aplicación pequeña, pegas el resultado donde pueda ejecutarse e iteras en la conversación. La barrera más baja, y el máximo de copiar y pegar.
  • Los editores de código con IA integrada como Cursor y Windsurf. La IA vive dentro de un editor de código, ve tu proyecto entero y modifica los archivos directamente. Más potencia en cuanto un proyecto crece más allá de un archivo.
  • Los constructores de aplicaciones como Lovable, Replit y Bolt. Describes una aplicación en un cuadro de texto y la herramienta la genera, la aloja y te da una URL en vivo. Lo más cercano a «ningún código a la vista».

Para una primera sesión, un asistente de chat o un constructor de aplicaciones te pone en marcha más rápido. Nuestro repaso de las mejores herramientas de vibe coding las compara por lo que hacen de verdad. Elige una y quédate con ella durante la sesión. Cambiar de herramienta a mitad de proyecto es la forma más rápida de perder el hilo.

Cómo hacer vibe coding en cinco pasos

La sesión es un bucle. Darás varias vueltas para cualquier cosa mínimamente real, y cada vuelta te acerca.

Describir, generar, ejecutar, afinar: cada vuelta corrige lo que falló en la anterior, hasta que la herramienta funcione con tus datos reales.

1. Describe el resultado, no el código. Dile a la IA qué quieres que exista, en el lenguaje más llano que puedas. «Hazme una herramienta de una sola página donde pego una lista de nombres y direcciones de correo y me devuelve un CSV limpio.» Nombra la entrada, nombra la salida. Sáltate el cómo.

2. Deja que genere. La IA devuelve código, y a menudo una explicación que por ahora puedes ignorar. Toma el conjunto tal cual. Leerlo línea a línea es lo contrario del vibe coding, y en esta fase te frena sin ayudarte.

3. Ejecútalo. En un constructor de aplicaciones esto es automático y obtienes una vista previa en vivo. En un asistente de chat, pegas el código donde pueda ejecutarse: un sandbox en el navegador, un notebook o un archivo en tu ordenador. Ejecutar pronto importa más que ejecutar perfecto. Necesitas ver el comportamiento para poder dirigir.

4. Afina describiendo qué está mal. Aquí ocurre la mayor parte del trabajo. No arreglas el código. Le cuentas a la IA lo que has visto. «El CSV tiene una columna vacía de más.» «Se rompe cuando un nombre lleva una coma.» «Pon el botón en verde y colócalo arriba.» Cada nota manda a la IA a regenerar. Sé concreto con el síntoma y deja que ella encuentre la causa.

5. Repite hasta que se comporte. Encadena los pasos tres y cuatro. Mira la herramienta funcionar, describe el siguiente hueco, ejecuta otra vez. Has terminado cuando la herramienta hace su único trabajo con entradas reales, incluidas las desordenadas que le vas a dar de verdad.

Ese es todo el método. La habilidad no es técnica. Es describir con claridad y probar con honestidad.

Un ejemplo real: una herramienta interna hecha con vibe coding

Imagina que diriges una empresa de diez personas y quieres una herramienta rápida que convierta una lista de datos de cliente, pegada de golpe, en un presupuesto en PDF bien maquetado. Así transcurre una sesión real.

Abres un constructor de aplicaciones y tecleas: «Una página con un cuadro de texto donde pego el nombre del cliente, el proyecto y el precio. Un botón que genera un presupuesto en PDF con nuestra imagen, con el logotipo y esos datos.» Poco después hay una página en vivo. Pegas un cliente de prueba y pulsas el botón. Aparece un PDF, y el precio sale como "4000" en lugar de "4.000 €".

No abres el código. Tecleas: «Formatea el precio en euros con separador de millares, como 4.000 €.» Regenerar, ejecutar, comprobar. Corregido. Después ves que falta el logotipo, así que lo subes y dices «usa esto como logotipo, arriba a la izquierda». Luego pruebas con un cliente cuyo nombre de proyecto lleva un ampersand y el PDF se rompe. Informas exactamente de eso, y la IA se encarga del carácter. Poco después tienes una herramienta que funciona y te ahorra una hora recurrente.

Esto es el vibe coding en su mejor versión: algo real y útil que no existía antes de comer. También es donde empieza la advertencia honesta. El código generado por IA puede introducir errores, vulnerabilidades o dependencias inexistentes, y antes de publicarlo pide revisión humana y controles de seguridad, según INCIBE-CERT. Esa misma herramienta, hecha con vibe coding y publicada tal cual, podría guardar la ruta del archivo de tu logotipo o una clave API en algún lugar visible del código fuente de la página, y nunca lo sabrías, porque nunca has leído el código. Para una utilidad interna de bajo impacto, quizá no importe. Para cualquier cosa que toque un cliente, ese hueco sin leer es el problema entero.

Prompts que te dan mejor código

La calidad de lo que recibes sigue a la calidad de lo que pides. Unos pocos hábitos marcan una gran diferencia.

Da una sola instrucción cada vez cuando estés afinando. Un prompt que enumera ocho cambios te da ocho cambios a medias; un prompt con una corrección clara te da esa corrección limpia. Describe el síntoma que has visto, no la solución que supones. «Se cuelga cuando la lista está vacía» gana a «añade una comprobación de nulos», porque la IA conoce más formas de tratar el caso vacío que tú.

Enseña, no solo cuentes. Pega la entrada exacta que ha fallado y la salida exacta que esperabas. Los ejemplos concretos fijan a la IA donde los adjetivos la dejan derivar. Y cuando una sesión se tuerce tras muchas modificaciones, abre una nueva y describe desde cero la versión que funciona que quieres. Un prompt limpio suele ganar a diez parches sobre un hilo enredado.

Dónde basta el vibe coding y dónde se rompe

El vibe coding se gana su velocidad en una clase de trabajo concreta. Prototipos que quieres enseñar, no escalar. Herramientas internas con un puñado de usuarios de confianza. Scripts personales, trabajos de datos puntuales, una página de aterrizaje que necesitas para el viernes. En todo eso, publicar rápido y corregir a ojo es exactamente lo correcto.

Se rompe en otra clase, y el fallo es silencioso. Software que gestiona pagos, datos personales o el inicio de sesión de cualquiera. Cualquier cosa que deba seguir siendo correcta cuando crezca más allá de sus primeras pantallas. Si el sistema incorpora IA, los requisitos dependen además de su nivel de riesgo, según el Reglamento de Inteligencia Artificial de la UE y la Comisión Europea. Cualquier cosa que un regulador o un cliente te vaya a exigir. La razón es la misma con la que empezaste: nadie ha leído el código. El código de IA sin revisar puede arrastrar agujeros de seguridad, secretos escritos en el propio código y una lógica que parece correcta y no lo es. Profundizamos en ese riesgo en ¿es seguro el código generado por IA?, y comparamos plazos y contrapartidas en vibecoding frente a desarrollo tradicional.

Saber en qué clase estás es casi todo el criterio. Si el coste de un fallo es una tarde perdida, haz vibe coding sin miedo. Si el coste son los datos de un cliente, el código necesita un lector.

De un prototipo hecho con vibe coding a producción

Un prototipo que funciona en una demo es un buen comienzo, y todavía no es un producto. La distancia entre ambos es la parte que el vibe coding se salta: revisión, pruebas, seguridad y un plan para el día en que se rompa a las dos de la madrugada. Pasar de uno a otro exige recuperar prácticas de desarrollo seguro: requisitos de seguridad, pruebas y verificación de controles, según OWASP.

El camino práctico es conservar la velocidad y devolverle la disciplina. Un ingeniero lee cada línea que escribió la IA, y ahí es donde la clave expuesta de nuestro ejemplo del presupuesto se detecta antes del lanzamiento. Una batería de pruebas demuestra que los cálculos y los casos límite aguantan. Un análisis de seguridad y una auditoría de dependencias cierran los agujeros habituales. Esa es la diferencia entre el vibe coding puro y unos servicios de desarrollo asistido por IA con calidad de producción, y de ese modo la misma herramienta prototipada se convierte en algo que puedes poner delante de tus clientes.

Así construimos para empresas reales, desde la herramienta de presupuestos de un transitario hasta herramientas internas a medida y software a medida para pymes. El bucle de describir y afinar nos lleva rápido a una forma que funciona. La revisión, las pruebas y el acabado multilingüe la llevan a producción. Tú te llevas la velocidad de semanas, no trimestres, sin publicar el hueco sin leer.

Preguntas frecuentes sobre el vibe coding

¿Puede un principiante hacer vibe coding?

Sí. El vibe coding no exige conocimientos previos de programación, y ese es justo su sentido. Describes lo que quieres en lenguaje corriente y afinas describiendo qué está mal. La habilidad que se aprende es escribir instrucciones claras y probar con honestidad, no la sintaxis. Empieza con un asistente de chat o un constructor de aplicaciones, y con una sola herramienta pequeña.

¿Cuál es la mejor herramienta para hacer vibe coding?

Para un primer proyecto, un constructor de aplicaciones como Lovable o Replit te lleva antes a un resultado en vivo, porque genera y aloja en el mismo sitio. Los asistentes de chat como Claude y ChatGPT encajan con scripts y lógica rápida. Los editores de código con IA integrada como Cursor encajan cuando un proyecto crece más allá de un archivo. Nuestra guía de las mejores herramientas de vibe coding desgrana las contrapartidas.

¿Se puede crear con vibe coding una aplicación real que funcione?

Puedes conseguir rápido un prototipo que funciona, y a menudo una herramienta interna realmente útil. Convertirlo en software de producción que gestione usuarios y datos reales con seguridad requiere un paso de revisión y pruebas que el vibe coding se salta. La velocidad es real; el atajo que esquiva la revisión del código es la parte que devuelves antes de que lo toquen los clientes.

¿En qué se diferencia el vibe coding de usar ChatGPT para escribir código?

El vibe coding es una forma de trabajar, y un asistente de chat es solo una herramienta para practicarla. Lo que lo convierte en vibe coding es la decisión de no leer el resultado y dirigir por comportamiento. Usar ChatGPT revisando cada línea es desarrollo asistido por IA, no vibe coding. La herramienta es la misma; la responsabilidad, no.

¿El vibe coding es gratis?

Puedes empezar gratis. Los asistentes de chat y muchos constructores de aplicaciones tienen planes gratuitos que cubren un primer proyecto. Los costes llegan con la escala: uso más intensivo, alojamiento y niveles de modelo de pago. El mayor coste de una herramienta hecha con vibe coding no es la suscripción. Es la revisión de ingeniería que necesita una versión de producción, y eso es lo que cubren nuestros presupuestos cerrados.

¿Quieres la velocidad del vibe coding con un software sobre el que de verdad puedas sostener un negocio? Cuéntanos qué necesitas construir y pide un presupuesto cerrado.