Vibe coding: qué es y cómo crear una app real con IA

El vibe coding consiste en crear software describiendo lo que quieres en lenguaje natural y dejando que una herramienta de IA escriba la mayor parte del código. Pides una página de registro con inicio de sesión por correo, la herramienta la escribe, ejecutas el resultado y diriges el rumbo con la siguiente petición. Tu tiempo se va en lo que debe hacer la app y no en la sintaxis.

Funciona bien para prototipos, herramientas internas y productos pequeños, y puede llevar a un maker en solitario de la idea a una app publicada en cuestión de días. También falla de formas predecibles cuando nadie revisa lo que produce. Esta guía cubre las herramientas, un flujo de trabajo realista, la calidad y la seguridad, y cómo conseguir tus primeros usuarios.

¿Qué es el vibe coding?

El término lo acuñó el investigador de IA Andrej Karpathy a principios de 2025. Describió una forma de trabajar en la que te apoyas por completo en la IA: aceptas sus cambios sin leer cada línea, le vuelves a pegar los mensajes de error y ves qué pasa. Lo presentó como algo válido para proyectos de fin de semana desechables. La expresión se popularizó enseguida y ahora abarca cualquier flujo de trabajo en el que las instrucciones en lenguaje natural dirigen la mayor parte de la programación.

En la práctica hay un espectro:

• Vibe coding puro. Nunca lees el código. Sirve para experimentos, demos y para descubrir qué es posible.
• Ingeniería asistida por IA. Describes el cambio, la IA lo escribe y tú lo revisas, lo pruebas y haces commit como con cualquier otro código. Esto es lo que necesitas para cualquier cosa con usuarios reales o datos reales.

La mayoría de los makers que llegan a lanzar acaban en un punto intermedio: la IA teclea, pero ellos conservan el control de la estructura, los datos y las decisiones de seguridad. Esta guía asume ese camino intermedio.

Herramientas de vibe coding: las categorías principales

Las herramientas de vibe coding se dividen en dos grandes grupos. Ambos cambian rápido, así que consulta las funciones y los precios actuales en el sitio de cada producto antes de decidirte.

Editores de código con IA y agentes de programación

Trabajan con una base de código real en tu máquina o en un repositorio, así que mantienes el control total del código.

• Cursor es un editor de código construido en torno a la IA, con chat, ediciones en línea y un modo agente que puede cambiar muchos archivos a la vez.
• Claude Code es el agente de programación de Anthropic. Funciona en la terminal y en editores de código, lee tu proyecto, ejecuta comandos y tests, y hace cambios en varios archivos.
• GitHub Copilot empezó como autocompletado dentro de editores populares y ahora incluye chat y funciones de agente muy integradas con GitHub.
• Windsurf es otro editor centrado en la IA, con un agente que planifica y aplica cambios en todo un proyecto.

Elige este grupo si quieres tener una base de código normal que sea tuya, usar cualquier framework y hacer crecer el proyecto durante meses.

Plataformas para crear apps con IA

Funcionan en el navegador y pasan de un prompt a una app que funciona, normalmente con hosting incluido. Son la forma más rápida de ver algo real.

• Lovable crea aplicaciones web full-stack desde un chat y se conecta a servicios de backend habituales para los datos y el inicio de sesión.
• Bolt genera y ejecuta aplicaciones web en el navegador, así que puedes editar y previsualizar sin instalar nada.
• Replit es un entorno de desarrollo online con un agente de IA y despliegue integrado.
• v0, de Vercel, se centra en generar interfaces y aplicaciones web con frameworks de front-end modernos.

Elige este grupo para prototipos y herramientas sencillas, o si nunca has configurado un entorno de desarrollo. La mayoría de estas plataformas pueden exportar el código o sincronizarlo con GitHub; hazlo pronto para no quedarte atado a ellas.

Cómo elegir

Un camino habitual es hacer el prototipo en una plataforma para crear apps y, cuando la idea demuestre su valor, pasar el código a un repositorio y seguir con un editor o un agente.

Cómo crear una app con vibe coding: flujo de trabajo paso a paso

Este flujo de trabajo asume una pequeña aplicación web, pero los mismos pasos sirven para apps móviles y scripts.

1. Escribe un brief de una página. Para quién es, qué problema resuelve, cuál es la única acción principal y qué queda explícitamente fuera de la versión 1. Guárdalo en un archivo que la herramienta pueda leer al inicio de cada sesión.
2. Elige un stack aburrido y popular. Las herramientas de IA suelen escribir mejor código para frameworks y bases de datos muy usados, porque existen muchísimos más ejemplos de ellos.
3. Configura el control de versiones antes de la primera función. Crea un repositorio Git, haz commit del proyecto vacío y vuelve a hacer commit después de cada cambio que funcione. Es tu botón de deshacer.
4. Construye una sola rebanada vertical fina. Haz que la acción principal funcione de principio a fin, desde la pantalla hasta la base de datos y de vuelta, antes de añadir nada más. En esta fase no importa que sea feo.
5. Trabaja con prompts pequeños y concretos. «Añade a cada elemento un botón de borrar que pida confirmación» es mejor que «mejora la lista de elementos». Un cambio por prompt mantiene los diffs legibles y deja claro qué cambio rompió algo.
6. Ejecuta la app después de cada cambio. Recorre por tu cuenta el flujo principal. Cuando algo se rompa, dale a la IA el error exacto, lo que hiciste y lo que esperabas.
7. Añade tests para la lógica principal. Pide a la IA que escriba tests para las partes que nunca deben romperse, como los precios, los permisos y los cambios en los datos, y ejecútalos antes de cada commit.
8. Usa servicios consolidados para las partes difíciles. La autenticación, los pagos, el correo y el almacenamiento de archivos son problemas resueltos. Usa un proveedor conocido.
9. Despliega pronto. Pon la app en línea en los primeros días, aunque solo la uses tú. Los problemas de despliegue son más fáciles de arreglar mientras la app es pequeña.
10. Lleva un archivo de notas breve. Anota decisiones, convenciones y problemas conocidos. Muchos agentes leen ese archivo automáticamente, lo que mantiene la coherencia entre sesiones nuevas.

Cómo mantener una calidad alta cuando la IA escribe el código

La velocidad es la parte fácil. Los hábitos que siguen son lo que separa una demo de un producto en el que la gente puede confiar.

Control de versiones y commits pequeños

Haz commit de cada estado que funcione, con un mensaje claro. Cuando la IA tome un camino equivocado, vuelve atrás en lugar de pedirle que arregle el arreglo.

Revisa cada diff

Antes de hacer commit, lee qué ha cambiado. No necesitas entender cada línea, pero sí deberías darte cuenta cuando una petición pequeña ha tocado diez archivos, ha borrado una comprobación, ha sustituido datos reales por datos de ejemplo o ha añadido un paquete que no pediste. Si un diff es demasiado grande para revisarlo, el prompt era demasiado grande.

Los tests como red de seguridad

Los cambios de la IA a menudo arreglan una cosa y rompen otra sin hacer ruido. Un puñado de tests automatizados en tus rutas críticas lo detecta de inmediato. Desconfía de los tests que solo confirman que el código hace lo que ya hace.

Fundamentos de seguridad que no puedes saltarte

La mayoría de los problemas de seguridad de las apps hechas con vibe coding vienen de unos pocos errores repetidos. El OWASP Top Ten es una buena referencia general, y estos son los imprescindibles:

• Secretos. Las claves de API y las credenciales de la base de datos van en variables de entorno en el servidor, nunca en el código del front-end ni en el repositorio. Añade tu archivo de entorno a .gitignore. Si una clave acaba alguna vez en un commit o en una página pública, revócala y crea una nueva.
• Autenticación y autorización. Usa un proveedor de inicio de sesión probado. Después comprueba en el servidor, en cada petición, que el usuario que ha iniciado sesión tiene permiso para leer o cambiar ese registro concreto. Ocultar un botón en la interfaz no es protección.
• Reglas de acceso a la base de datos. Si tu front-end habla directamente con una base de datos alojada, activa y prueba sus reglas de acceso, como la seguridad a nivel de fila, para que un usuario no pueda leer los datos de otro.
• Validación de entradas. Valida cada entrada en el servidor: tipo, longitud, formato y valores permitidos. Usa consultas parametrizadas o un ORM, y escapa el contenido de los usuarios antes de mostrarlo en una página.
• Dependencias. Comprueba que cada paquete que añade la IA es real, tiene mantenimiento y está bien escrito. Las herramientas de IA a veces sugieren paquetes que no existen, y los atacantes pueden registrar esos nombres.
• Límites contra el abuso. Añade rate limiting al inicio de sesión, al registro y a cualquier endpoint que envíe correos o llame a una API de pago, para que un solo script no dispare tu factura.

También ayuda pedir a la IA una revisión de seguridad de un área concreta y luego verificar por tu cuenta lo que encuentre.

Fallos habituales del vibe coding

Conocerlos de antemano te ahorra días.

• El bucle de arreglos. La IA arregla un bug, lo que rompe otra cosa, que a su vez arregla rompiendo de nuevo lo primero. Para, vuelve al último commit bueno y describe el problema de otra manera, o pídele que explique la causa antes de cambiar nada.
• Deriva del contexto. En sesiones largas, la IA pierde el hilo de decisiones anteriores. Abre sesiones nuevas para tareas nuevas y remite a la herramienta a tus notas.
• APIs inventadas. El código llama a funciones que no existen en tu versión de la biblioteca. Pega en el chat la página relevante de la documentación oficial.
• Apaños silenciosos. Para que un error desaparezca, la IA puede dejar datos de ejemplo escritos directamente en el código, saltarse una comprobación o capturar e ignorar una excepción. La revisión de diffs lo detecta.
• Archivos gigantes. Todo acaba en un solo archivo que nadie, ni siquiera la IA, puede editar con seguridad. Divídelo en módulos más pequeños mientras la app aún es pequeña.
• Alcance que no para de crecer. Añadir funciones es tan fácil que la versión 1 nunca termina. La lista de lo que queda fuera en tu brief está para frenar esto.
• No entender nada cuando se rompe. Si la app falla en producción y no sabes leer el código, te quedas atascado. Pide a la IA que te explique la arquitectura en lenguaje sencillo y guárdalo en tus notas.

De una app que funciona a los primeros usuarios

Una app que funciona en tu máquina todavía no está lanzada. Estos pasos la ponen en manos reales.

1. Ponla en un dominio real con HTTPS, un título de página claro y una frase que diga qué hace la app y para quién.
2. Añade un canal de feedback, como una dirección de correo o un formulario sencillo, además de un registro básico de errores, para enterarte de los fallos antes de que los usuarios se rindan.
3. Mide una cosa que importe, como cuántas personas completan la acción principal.
4. Cuéntaselo a quienes tienen el problema. Comparte la app en las comunidades donde tus usuarios ya pasan el tiempo, siguiendo las normas de cada una. Explica qué creaste y por qué, y pide opiniones sinceras en lugar de votos.
5. Publícala donde navegan makers y visitantes curiosos. Los directorios y los sitios de lanzamiento dan a un proyecto terminado un hogar permanente que la gente puede encontrar más tarde. En One Dollar Planet, por ejemplo, un punto para tu proyecto en un planeta 3D cuesta $1 y se queda para siempre, y un logo con presencia en el catálogo y una página propia cuesta $10. Puedes añadir tu proyecto y ver lo que han construido otros makers en el catálogo de proyectos.
6. Habla con tus primeros usuarios uno a uno. Al principio, unas pocas conversaciones te enseñan más que cualquier dashboard.
7. Sigue lanzando en pasos pequeños. El mismo flujo de vibe coding ahora está al servicio de tus usuarios: prompts pequeños, diffs revisados, tests y después despliegue.

Compartir avances y aprendizajes mientras construyes también da a la gente un motivo para seguirte antes del día del lanzamiento. Para saber más sobre cómo lanzar proyectos pequeños, echa un vistazo al blog.

Puntos clave

• El vibe coding consiste en describir lo que quieres y dejar que la IA escriba el código. Para cualquier cosa con usuarios reales, combínalo con revisión y tests.
• Usa editores y agentes de IA para el código que vayas a mantener a largo plazo, y plataformas para crear apps para los prototipos rápidos.
• Haz commits a menudo, mantén los prompts pequeños y revisa cada diff.
• Guarda los secretos en el servidor, comprueba los permisos en cada petición y valida todas las entradas.
• Cuando la IA entre en bucle, vuelve atrás en lugar de amontonar arreglos sobre arreglos.
• Una app que funciona sigue necesitando un lanzamiento: un dominio real, un canal de feedback y personas que tengan el problema.

Preguntas frecuentes

¿Qué es el vibe coding, en pocas palabras?

El vibe coding es crear software diciéndole a una herramienta de IA lo que quieres en lenguaje cotidiano, en lugar de escribir tú el código. La IA genera el código, tú lo ejecutas y guías el siguiente paso con más instrucciones. Es lo más rápido para prototipos y apps pequeñas.

¿Necesito saber programar para crear una app con vibe coding?

No, puedes construir un prototipo que funcione sin experiencia programando, sobre todo con plataformas para crear apps desde el navegador. Para lanzar algo que gestione usuarios y datos reales, necesitas lo básico: cómo está estructurada tu app, cómo leer un diff y cómo mantener a salvo los secretos y los permisos. La IA puede enseñártelo sobre la marcha.

¿Cuáles son las mejores herramientas de vibe coding?

Depende del objetivo. Plataformas como Lovable, Bolt, Replit y v0 son la vía más rápida hacia un prototipo en marcha. Editores y agentes como Cursor, Claude Code, GitHub Copilot y Windsurf encajan con proyectos más largos y una base de código propia.

¿Es seguro llevar a producción software hecho con vibe coding?

Puede serlo, si tratas lo que produce la IA como el código de un compañero nuevo en el equipo: revísalo, pruébalo y busca problemas de seguridad antes de publicarlo. Los problemas más comunes son claves de API expuestas, la falta de comprobaciones de permisos en el servidor y las entradas sin validar. El código que nadie ha revisado ni probado no debería manejar datos ni dinero de otras personas.

¿Cuánto se tarda en crear una app con vibe coding?

Un prototipo sencillo puede llevar una tarde, y una primera versión sólida suele llevar desde unos días hasta unas pocas semanas, según el alcance y la experiencia. La mayor parte del tiempo se va en pruebas, casos límite y despliegue, no en el primer borrador. Un alcance ajustado es el factor más importante que controlas.