Cómo empezar con el vibe coding

El vibe coding puede acelerar el proceso de generación de ideas tanto para programadores como para quienes no lo son, si se sabe cómo aplicarlo correctamente.

Objetivos de aprendizaje

Después de leer este artículo podrás:

  • Comprender los posibles beneficios del vibe coding
  • Identificar los posibles riesgos y dificultades del vibe coding
  • Primeros pasos para el vibe coding

Copiar enlace del artículo

¿Por qué el vibe coding está ganando popularidad?

Para transformar conceptos abstractos en soluciones concretas, los equipos empresariales necesitan transmitir su visión de forma clara a los desarrolladores y al área de tecnología. El vibe coding facilita a los gerentes de proyectos y a los colaboradores sin formación técnica adquirir el lenguaje necesario para transformar conceptos abstractos en soluciones concretas.

Por eso, el vibe coding está ganando popularidad, ya que democratiza el desarrollo de software y lo hace más eficiente. Al permitir que incluso los que no son programadores exploren el potencial de las aplicaciones actuales y futuras, se acelera la innovación y se optimiza el desarrollo de prototipos.

Los gerentes que lideran las iniciativas técnicas valoran especialmente el vibe coding. El uso de instrucciones en modelos lingüísticos de gran tamaño (LLM) y la creación directa de prototipos funcionales les permite agilizar el tedioso desarrollo de software. En vez de abrumar al equipo de tecnología con solicitudes imprecisas — como por ejemplo “¿Pueden mejorar esto?”— los gerentes que carecen de conocimientos profundos de codificación pueden usar el vibe coding para crear prototipos de trabajo aproximados que demuestren su visión. Esto permite una mejor colaboración entre ejecutivos y equipos informáticos, impulsando estrategias más rápidas para lanzar productos.

Cómo empezar con el vibe coding: ¿Cuáles son los primeros pasos?

Si quieres aprender sobre vibe coding, aquí te ofrecemos algunos consejos para comenzar:

1. Identifica los proyectos con buen potencial

Considera qué proyectos pueden ser los más adecuados para el vibe coding. Las tareas de programación que implican el desarrollo de un prototipo para explorar y comunicar ideas suelen ser una buena alternativa.

Estos son algunos ejemplos de proyectos con un buen potencial para el vibe coding:

  • Eres gerente de producto y visualizas una nueva pantalla más intuitiva en tu sistema de pedidos para atraer a los clientes. Con el vibe coding, puedes describir el contenido de la pantalla a un LLM y pedirle que genere el código necesario.
  • Tienes una idea para un flujo de trabajo que aceleraría un proceso de aprobación lento y mejoraría los indicadores clave de rendimiento (KPI) empresariales. El vibe coding te permite describir este flujo de trabajo a un LLM, que luego puede generar una interfaz de usuario para solicitar, reenviar y firmar las aprobaciones necesarias.
  • Eres un gerente de soporte al cliente que desea que los agentes de atención al cliente prioricen los problemas más rápidamente. Visualiza una aplicación de software que podrían utilizar para reconocer cinco tipos de problemas comunes y sugerir soluciones. Con el vibe coding, puedes describir esta aplicación a un LLM que la generará posteriormente.

Todo el que quiera aprender sobre vibe coding debe comprender no solo cuándo se debe utilizar, sino también cuándo no se debe utilizar. Entonces, ¿cuándo el vibe coding no es el enfoque correcto? El vibe coding genera solo una ruta a un prototipo y código funcional, y esa ruta podría no ser la más eficiente. De hecho, es probable que tengas dificultades si utilizas código con vibe coding como base para escalar las operaciones. Por ahora, incluso si pruebas y depuras tu código generado, las prácticas recomendadas de vibe coding exigen que lo uses solo cuándo y dónde los riesgos empresariales sean bajos. Sin embargo, es probable que en el futuro haya más aplicaciones creadas con vibe coding en funcionamiento.

2. Transforma los requisitos empresariales en instrucciones

Las instrucciones son las indicaciones que ingresas en una barra de chat de un LLM para obtener el resultado que deseas. Cuanto más específicas sean las instrucciones, mejor será el resultado. En lugar de instrucciones vagas, por ejemplo: "Crea una página web", describe los botones que quieres que tenga la página y qué tipo de diseño o colores prefieres. Incluye información específica, como los perfiles de usuario final y los requisitos de implementación implícitos. Un ejemplo de esto último podría ser: "Usa el marco React para escribir el código; no utilices solo JavaScript".

Incluye también instrucciones sobre restricciones. Por ejemplo: "Asegúrate de que el mismo código se ejecute sin cambios en los navegadores de dispositivos móviles y de escritorio".

Si necesitas ayuda para elaborar instrucciones, también puedes usar un LLM para esa tarea. Incluso puedes hacer que el LLM te haga preguntas para que puedas brindar orientación mientras genera el código. Este enfoque permite que los usuarios sin experiencia en programación se comuniquen en un lenguaje natural para desarrollar la aplicación que necesitan.

Este es un ejemplo de instrucciones de la aplicación de vibe coding Lovable:

Necesito una aplicación de **gestión de tareas** con:
- **Tech Stack:** Frontend Next.js, Tailwind CSS para el estilo, Supabase para la autenticación y la base de datos.
- **Funciones principales:** creación de proyectos y tareas, asignación de tareas a los usuarios, recordatorios de fechas de vencimiento y una descripción general del panel.

Empieza por crear la **página principal del panel de control**, que contiene:
- Un encabezado con navegación
- Una lista de proyectos con su estado
- Y un botón para crear un nuevo proyecto.

Si bien es posible que aún necesites algunos conocimientos básicos de codificación para comenzar — por ejemplo, comprender que CSS se utiliza para los diseños — aprenderás rápidamente si practicas el uso del LLM y la correspondencia de las instrucciones con los resultados.

3. Repite ciclos rápidamente y muchas veces

Por lo general, se revisa el código generado por LLM para verificar su lógica, y se prueba en entornos seguros para evitar riesgos en partes críticas del sistema.Pero puedes hacer una excepción aquí. Como el vibe coding está pensado para generar rápidamente una demostración funcional, evita quedarte atascado buscando errores y depurando el código por tu cuenta.Si el código no funciona, simplemente reformula tus requisitos de manera diferente y haz que el LLM genere un nuevo código.

Confía en el LLM y en los flujos de trabajo de los agentes para generar y verificar automáticamente toda la aplicación. (Los usuarios principiantes suelen encontrar la respuesta a los problemas de codificación en foros populares como Stack Overflow). En cuanto tengas una versión funcional, muestra tu prototipo a los desarrolladores con experiencia e incorpora sus contribuciones al documento de trabajo.

¿Cuáles son los mayores inconvenientes del vibe coding y sus posibles soluciones?

La IA tiene sus limitaciones, por lo que debes tener en cuenta los riesgos potenciales de este método. Estos son algunos de los más peligrosos:

1. Desafíos de seguridad

Si ningún desarrollador capacitado inspecciona el código o intenta probarlo, el software generado a partir de vibe coding podría contener vulnerabilidades de seguridad. La implementación de este código en un entorno de producción podría generar vulnerabilidades de ciberseguridad y poner en riesgo la información confidencial. Los contenedores son una posible solución a los problemas de seguridad, ya que permiten a los usuarios ejecutar código en un entorno de pruebas aislado seguro.

2. Código erróneo repetido

Si no eres un programador experto, es posible que te atasques en el proceso de iteración, cuando el LLM sigue generando código erróneo pese a los ajustes solicitados para que corrija los problemas. Si ya no tienes guardada una versión funcional del código, es posible que necesites la ayuda de un programador. Si bien esto anula el propósito del vibe coding, un poco de ayuda puede ser de gran utilidad en estos casos.

3. El síndrome de "Dory"

Dory, uno de los personajes de la película animada Buscando a Nemo, tiene problemas para recordar cosas recientes y suele pedir que le repitan lo que le dicen.

De igual manera, los LLM tienen una capacidad limitada para recordar el contexto. Tras varias rondas de generación de código, el LLM tiende a perder de vista el propósito original y se concentra solo en responder la última instrucción.Esto es un problema, ya que el código de red no tiene en cuenta el contexto más amplio del proyecto de vibe coding.Para evitar este problema, puedes repetir los objetivos del proyecto o indicarle al LLM que continúe a partir de lo que ya has ingresado durante la sesión.

4. Pérdida del seguimiento

Podrías perder el seguimiento de tus cambios. Para evitar este problema, aprende a usar el sistema de control de versiones de código fuente.

Introducción al vibe coding: ¿Qué más necesitas saber?

El vibe coding permite una mayor participación en el proceso de desarrollo de software y facilita la colaboración entre equipos. Esto permite acelerar el proceso de diseño y desarrollo, y lograr una creación de prototipos más rentable.

A pesar de las posibles ventajas del vibe coding, los equipos deben obrar con precaución y empezar a pequeña escala. Presta atención a los posibles peligros, como los desafíos de seguridad, y evita implementar código no probado en las bases de código funcionales existentes.

Si sigues estos consejos y tienes estas herramientas a mano, y los usas de manera correcta y responsable, prestando atención a posibles problemas, el vibe coding puede hacer que el desarrollo de software sea más democrático, colaborativo y eficiente. A su vez, esto puede facilitar la concreción de ideas innovadoras que te posicionen por encima de tus competidores y potencien tu empresa.

¿Cómo puede ayudarte Cloudflare?

Si quieres aprender vibe coding, las soluciones de Cloudflare pueden ayudarte a empezar. Una forma de aprender vibe coding y probarlo, por ejemplo, es ejecutar el LLM Llama de Meta en Workers AI.

Cloudflare también aborda los desafíos de seguridad a través de contenedores. Si tienes previsto utilizar código generado por IA con vibe coding, que por naturaleza no es fiable, es recomendable que lo pruebes en un entorno seguro con contenedores, como el que ofrece Cloudflare.

Nuestra plataforma VibeSDK, de código abierto, configura todo lo que necesitas para ejecutar tu propia plataforma de desarrollo basada en IA:

  • Integración con modelos LLM para generar código, desarrollar aplicaciones, depurar errores e iterar en tiempo real
  • Entornos de desarrollo aislados que permiten a los usuarios desarrollar y previsualizar sus aplicaciones de forma segura en espacios protegidos
  • Escala infinita que te permite implementar miles o incluso millones de aplicaciones, todas en la infraestructura global de Cloudflare
  • Observabilidad y almacenamiento en caché en varios proveedores de IA, lo que te brinda información sobre los costes y el rendimiento con el almacenamiento en caché integrado para las respuestas frecuentes
  • Plantillas de proyectos que los LLM pueden usar como punto de partida para crear aplicaciones comunes y acelerar el desarrollo
  • Exportación de proyectos con un clic a la cuenta de Cloudflare del usuario o al repositorio de GitHub para que los usuarios puedan tomar su código y continuar el desarrollo por su cuenta

Para obtener más información sobre cómo desarrollar aplicaciones que se puedan implementar mediante vibe coding, consulta nuestra guía para crear agentes de IA en Cloudflare, que incluye recursos de LLM que te ayudarán a comenzar con el vibe coding. Explora también la plataforma de demostración de Cloudflare, que puedes utilizar para desarrollar e implementar aplicaciones.

 

Preguntas frecuentes

¿Qué es el vibe coding?

El vibe coding es un método que permite a todos los usuarios (sean o no programadores) utilizar los modelos de lenguaje de gran tamaño (los LLM) para generar rápidamente prototipos funcionales.

¿Cuáles son las principales ventajas que ofrece el vibe coding?

El vibe coding puede democratizar la creación de software y acelerar los ciclos de innovación, ya que permite que personas que no sean programadores generen prototipos rápidamente. También es especialmente útil para los responsables a cargo de iniciativas técnicas.

¿Cuáles son los primeros pasos para empezar con el vibe coding?

Para empezar, identifica un proyecto adecuado, traduce los requisitos empresariales en instrucciones específicas para los LLM e itera rápidamente sobre el código generado.

¿Cuáles son algunas posibles desventajas del vibe coding?

Algunos posibles problemas son las vulnerabilidades de seguridad, la repetición de código erróneo por parte de los LLM, la pérdida de contexto de los LLM y la pérdida del seguimiento de los cambios en el código.

¿Cómo puede Cloudflare ayudar con el proceso del vide coding?

Cloudflare ofrece Workers AI para ejecutar los LLM, y proporciona un entorno seguro y basado en contenedores donde puedes ejecutar el código no fiable generado por la IA. Nuestra plataforma de codificación VibeSDK, de código abierto, también te ofrece herramientas para la generación de código, la depuración, entornos aislados y la escalabilidad.

¿Cómo pueden los usuarios mitigar los riesgos asociados con el vibe coding?

Para gestionar los posibles riesgos, utiliza contenedores para la seguridad, pide ayuda a un programador cuando sea necesario, reitera los objetivos del proyecto al LLM y utiliza un sistema de control de versiones del código fuente.