Agentes Online

Editores con IA en tu navegador que ejecutan y despliegan código.

La IA no es solo cosa de extensiones e IDEs locales como VSCode, Cursor, etc. Los editores online también la incorporan para acortar la distancia entre idea y despliegue.

En este artículo veremos algunos de los más interesantes, como Bolt, v0, Replit, etc. Pero antes, qué demonios es un editor online y qué ventajas tiene frente a un editor local.

1. Online

Hace años que casi cualquier cosa se puede hacer online, y los editores de código no iban a ser menos. Pero, ¿por qué usar un editor online?

1.1. Editores

Hay varias razones por las que los editores online son interesantes:

Obviamente, también tienen algunas desventajas:

1.2. Agentes

Dada la existencia de este tipo de editores, era casi inevitable que les agregasen agentes con inteligencia artificial para agilizar el desarrollo.

Dado que se ocupan de la configuración del entrono y del despliegue, estos agentes van mucho más allá de los asistentes de codificación.

Y esta es su gran baza: acortan la distancia entre idea y resultado.

2. Bolt

Es mi primera recomendación porque es el que mejor me ha funcionado. Parte de la base de StackBlitz, que ya me encantaba como editor online, y sube la apuesta con una integración de IA bastante inteligente.

Empezar es gratis, crea una cuenta en Bolt y podrás crear un nuevo proyecto. Te ofrecen muchas plantillas pre-configuradas para elegir: Angular, Astro, Next, React, Svelte, Vite, Next, etc. Pero también puedes crear uno en blanco.

A partir de ahí, dispones de un chat integrado donde puedes pedirle que genere la funcionalidad que necesites. Similar a Cursor, o Windsurf pero con la ventaja de una ejecución en tiempo real integrada en el navegador.

A partir de ahí, puedes continuar con una experiencia local, descargando o llevando el proyecto a GitHub. Pero lo más interesante de estos casos es el despliegue automático a la nube, en este caso con Netlify.

Una experiencia IA de primera sin manchar tu ordenador, y con despliegue automático.

3. v0

La respuesta de Vercel a Netlify es v0, un editor online super-especializado en aplicaciones web.

Es, con diferencia, el que mejor interfaces genera, ya que está optimizado para trabajar con React, Shadcn y Tailwind. Incluso admite diseños de Figma para importar y generar el código.

Su propio nombre, versión cero, es un claro ejemplo de la promesa que se hace. Tener una maqueta de la aplicación lista en segundos. La experiencia del agente IA es bastante buena, y claro, el despliegue es automático a Vercel.

El mejor generador de interfaz en segundos.

4. Replit

Replit es el editor online por excelencia, y no es de extrañar que también se haya animado a añadir una IA bastante potente. La principal ventaja es su capacidad de trabajar con cualquier casi lenguaje de programación.

También destaca que dispone de una comunidad enorme, y por lo tanto de multitud de templates para elegir.

Entre sus desventajas, quizás tenga una interfaz un poco más confusa o que se sienta anticuada. Y el hecho de que su capa gratuita sea bastante limitada.

Un todo-terreno fiable para usos avanzados y lenguajes o frameworks específicos.

5. Otros

Otros proyectos interesantes, pero que no he podido probar en profundidad son los que proponen dos empresas que quizás te suenen: Microsoft y Google.

Sus dos propuestas son:

6. Conclusión

La IA en los editores online es un campo en el que se están moviendo rápidamente, y es muy probable que en un par de años la IA en el editor sea algo normal. Sobre todo si cada vez necesitamos más capacidad en nuestros ordenadores para trabajar, o incluso si cada vez trabajamos para entornos más cambiantes

Todas estas herramientas, con las buenas prácticas propuestas por AI-Driven Development, nos van a permitir trabajar de forma más inteligente y productiva.