¿Qué es el vibe coding?

Vibe coding opera en dos niveles: el ciclo iterativo de bajo nivel de perfeccionamiento del código y el ciclo de vida de alto nivel de creación y, también, de implementación de una aplicación completa.

Este es el ciclo ajustado de conversación que usas para crear y perfeccionar un fragmento de código específico.

Este es el proceso más amplio de tomar una idea de alto nivel desde el concepto hasta una aplicación implementada.

Con la programación tradicional, te enfocas en los detalles de la implementación y escribes manualmente los comandos, las palabras clave y la puntuación específicos que requiere un lenguaje. Vibe coding te permite enfocarte en el resultado deseado y describir tu objetivo en lenguaje sencillo, como "crear un formulario de acceso del usuario", mientras que la IA se encarga del código real.

Aquí encontrarás una comparación:

Google Cloud ofrece varias herramientas para el vibe coding. La elección de la herramienta que uses debe depender de tu objetivo, no necesariamente de tu cargo. Un desarrollador podría usar AI Studio para crear un prototipo rápido, un entusiasta podría crear una aplicación completa en Firebase Studio y un científico de datos podría usar Gemini Code Assist para escribir una secuencia de comandos.

Cuando termines de crear prototipos, implementa en Cloud Run (para AI Studio y Firebase Studio) y, a partir de ahí, puedes iterar con la edición del código fuente o volver a tu herramienta de vibe coding.

Usa esta guía para encontrar la mejor herramienta para la tarea en cuestión.

AI Studio es la forma más rápida de pasar de una idea a una app web activa y que se puede compartir, a menudo con una sola instrucción. Es perfecta para crear prototipos rápidos y compilar aplicaciones de IA generativa simples.

Para comenzar, ve a Crea en AI Studio. En el área de instrucción principal, simplemente describe la aplicación que quieres crear. Comienza con una idea divertida y creativa, y, luego, ejecuta la instrucción. Una vez que ejecutes la instrucción, verás que AI Studio genera el código y los archivos necesarios, con una vista previa en vivo de tu app que aparece en el lado derecho.

Ahora que tienes una vista previa en vivo, puedes usar la interfaz de chat para definir mejor su aspecto y funcionalidad con instrucciones de seguimiento. Podrías agregar funciones, cambiar elementos visuales y mucho más.

Cuando estés conforme con el resultado, puedes implementar tu app directamente en la Web. Solo haz clic en el botón “Implementar en Cloud Run” en el menú del lado derecho, arriba de la vista previa de tu app. AI Studio publicará tu app en una URL pública, lo que la dejará lista para compartir con tu equipo o tus amigos.

Firebase Studio es un entorno potente basado en la Web para crear aplicaciones listas para producción, especialmente aquellas que necesitan un backend sólido con funciones como autenticación de usuarios o una base de datos.

Para comenzar, abre Firebase Studio y describe la aplicación completa que quieres crear en el área de instrucciones. Puedes describir una aplicación sólida de varias páginas desde el principio. 

Después de enviar tu instrucción inicial, Firebase Studio genera un plano de la app para que lo revises. Este esquema es un plan detallado que describe las funciones, los lineamientos de estilo y la pila tecnológica que la IA pretende usar.

Aquí puedes proporcionar comentarios para definir mejor el plano, lo que garantiza que la generación de código inicial se acerque más a lo que tienes en mente. Realizar cambios en el plan en esta etapa es mucho más fácil que editar el código final, lo que te ayuda a llegar al estado deseado más rápido.

Cuando estés conforme con el esquema, haz clic en el botón "Prototipar esta app". Luego, Firebase Studio generará un prototipo de trabajo basado en tu plan aprobado. Después de un momento, aparecerá una vista previa interactiva en vivo de tu nueva app.

Con tu prototipo interactivo ejecutándose en el panel de vista previa, puedes continuar la conversación para hacer ediciones. Por ejemplo, puedes pedir cambios visuales, agregar o cambiar funciones, o incluso introducir una nueva lógica en tu aplicación.

Cuando tu aplicación esté lista, puedes implementarla directamente desde el entorno. Para ello, simplemente haz clic en "Publicar" en la esquina superior derecha. Firebase Studio se encarga de todo el proceso de implementación y publica tu app en una URL pública con Cloud Run. Como está diseñada para la producción, tu aplicación está lista para escalar y manejar el tráfico desde el primer día.

Gemini Code Assist actúa como un programador de IA directamente en tu editor de código existente (como VS Code o JetBrains). Es mejor usarlo para ayudar a los desarrolladores profesionales a trabajar más rápido y de forma más eficiente directamente en su IDE y en proyectos existentes.

Para comenzar, abre un archivo de proyecto en tu IDE. En lugar de escribir código manualmente, puedes usar la ventana de chat de Gemini o una instrucción intercalada para describir la función o el bloque de código que necesitas. La IA generará el código y lo insertará directamente en tu archivo.

Destaca el código que acabas de crear (o cualquier bloque de código existente) y usa instrucciones adicionales para modificarlo o mejorarlo. Esto es perfecto para agregar nuevas funciones, agregar manejo de errores, mejorar el rendimiento o cambiar la lógica sin tener que refactorizar manualmente.

Para asegurarte de que tu código sea de calidad de producción, puedes pedirle a Gemini que genere pruebas de unidades. Esto automatiza una parte crucial, pero a menudo lenta, del desarrollo de apps.