El Flujo de Trabajo del Desarrollador Asistido por IA: Construye Más Rápido e Inteligente Hoy

Muy bien, hola a todos, mi nombre es Adi Osmani. Soy un líder de ingeniería en Google, y hoy me gustaría hablarles sobre cómo la IA está transformando la ingeniería de software. La IA es, por supuesto, un tema candente. Puede parecer que las cosas están cambiando muy rápido. Y quiero centrarme en algo muy específico hoy. Va a ser cómo los agentes pueden ayudarnos con la codificación.

Ahora vamos a alejarnos un momento. Una de las mayores habilidades que puedes adquirir es poder reducir la brecha desde la idea hasta la ejecución. Y cuando se trata de codificación o construcción de productos, creo que aquí es donde la IA realmente puede ayudarnos a hacer una gran diferencia. Puede acortar esa distancia entre tener una idea y poder obtener un prototipo funcional con el que puedas jugar. Así que vamos a tocar una serie de diferentes soluciones en este espacio que permiten esta idea. Muchas de ellas ya están ayudando a las personas a llevar cosas a producción.

Ahora, me encantó esta historia de la otra semana de una niña de 11 años que tuvo una idea para una aplicación, y entre la cena y la hora de dormir, pudo construir una versión funcional que pudo compartir con sus amigos, lo cual es simplemente increíble. Tradicionalmente, construir aplicaciones requería un conocimiento extenso, muchas habilidades técnicas. Ahora, con herramientas impulsadas por agentes de IA, las barreras están comenzando a bajar para que las personas simplemente puedan sacar sus ideas. Y estoy realmente emocionado por eso. Ahora, esta historia usó Repl.it Agent. Con un aviso tan simple como crear un servicio de gestión de eventos, puedes generar una aplicación web con flask y JavaScript vanilla. Tiene autenticación completa. Tiene creación y gestión de eventos. Puedes manejar SQL en tu back end. Te da un punto de partida decente. Luego puedes trabajar con ese agente de chat y refinarlo y probarlo. Cosas realmente geniales. Ahora, en muchos casos, las ideas por sí solas son la parte fácil. Dar ese primer paso, poder ejecutar, iniciar hacia una versión funcional de tu idea, eso es difícil. Pero la ingeniería de software no se trata solo de comenzar. Se trata de iterar y mejorar hacia un objetivo. Y ahí es donde estoy particularmente emocionado por los agentes. No solo donde pueden ayudarnos con el inicio y el arranque, sino a lo largo del ciclo de vida de la ingeniería de software.

He mencionado la palabra agente varias veces. ¿Qué es un agente? Bueno, un agente es un programa que puede completar tareas o tomar decisiones de manera autónoma basándose en datos. ¿Qué queremos decir con autónomamente? Bueno, significa que el agente es capaz de entender la intención de una tarea. Puede planificar pasos para resolver el problema. Puede decidir y ejecutar acciones y adaptarse al entorno. Esto quizás se ilustra mejor con algunos ejemplos.

Así que considera cómo muchos de nosotros hoy en día podríamos usar una interfaz de chat. Podríamos pedirle algo como chat GPT que escriba un artículo de principio a fin y obtener una respuesta de un solo intento. Ahora probablemente necesites hacer algún trabajo para iterar en ello tú mismo. Una versión agentica de eso es un poco más matizada. Podría escribir un esquema, decidir si se necesita investigación, escribir un borrador, evaluar si necesita trabajo y luego revisar las cosas por sí mismo.

Así que veamos algunos ejemplos del mundo real de esto. Aquí hay un ejemplo de un agente en acción. Este es taxi AI protegiendo la rama principal de un repositorio en GitHub. Es capaz de estudiar la interfaz de usuario, averiguar que necesita ir a configuraciones, y luego crear, personalizar y aplicar una nueva regla de protección de rama antes de finalmente enviarla. También te da un registro informándote de lo que está sucediendo detrás de escena. Esto tiene múltiples pasos. Muy genial que esto sea posible. ¿Qué tal reservar vuelos desde un lugar como Seattle a San Francisco? Esto es agent.exe. Es gratuito, es de código abierto, utiliza Quad, te permite controlar tu computadora. Así que aquí está navegando a Google Flights y completando todos los detalles de nuestro aviso y luego enviando una búsqueda en nuestro nombre. Una versión más avanzada podría realmente completar la reserva por nosotros y hacer el pago.

Ahora de vuelta a los avisos de un solo intento versus agentes. Cuando hablamos de IA para la generación de código, la mayoría de nosotros estamos acostumbrados a la idea de aviso y respuesta. Le das a la IA un aviso como, escríbeme un código que haga X, y responde con algún código. Ahora un agente adopta nuevamente un enfoque más matizado para esto. Quizás delinea un plan para cómo resolver este problema. Puede generar código, verificarlo, ejecutar pruebas, detectar errores, y luego repensar y corregir si algo no parece estar funcionando. Ahora ese proceso iterativo imita mucho más lo que nosotros como ingenieros tendemos a hacer. Iteramos en abordar problemas para ofrecer mejores resultados.

Y en ese mundo, la IA se convierte un poco más en un colaborador en lugar de solo un generador de resultados. Me emocionó mucho ver que Anthropic lanzó recientemente la función de uso de computadoras de Quad. Básicamente permite que Quad use computadoras de la misma manera que lo haría una persona. Así que podemos darle una tarea como generar una página web con temática de los 90, y luego puede navegar por sí mismo. Puede abrir un navegador, puede navegar a Quad, puede escribir un aviso que te dará algún tipo de resultado óptimo. Generará el código, nos dará una vista previa, y luego sabe que necesita descargar el código, ejecutarlo en un servidor localmente, y si encuentra errores, puede proactivamente proceder a corregirlos, lo cual es bastante genial.

Ahora vamos a ver a los agentes evolucionar a través de algunos patrones de diseño diferentes en los próximos años. Eso incluye cuánto son capaces de reflexionar para mejorar la calidad del resultado, cuánto son capaces de usar herramientas externas para ayudarte, cuánto planifican o incluso colaboran con otros agentes en un mundo multi-agente. Ahora la pila moderna de agentes de IA para todo este espacio, es grande y sigue creciendo. Pero hay muchas capas diferentes aquí. Hay de todo, desde el servicio de modelos hasta el almacenamiento, bases de datos vectoriales, muchas herramientas y bibliotecas diferentes. Y a medida que este campo madura, creo que es posible que veamos servicios escalables con APIs más estandarizadas como el próximo gran salto.

Ahora hay muchas tareas tediosas con las que nosotros como ingenieros tenemos que lidiar de vez en cuando, y eso incluye migraciones, que a veces pueden sentirse como si estuvieras barriendo agua de vuelta al océano. Ahora la IA ha sido útil aquí, creo, en ayudarnos a pensar en cómo podemos ir más allá de cosas como los code mods para aumentar nuestro flujo de trabajo. De hecho, hablando de lo cual, la augmentación fue un tema realmente importante donde la IA y el código estaban involucrados el año pasado y el año anterior. Mucho sobre autocompletado y migraciones guiadas. Creo que la automatización será aún más grande el próximo año, donde los agentes, la co-generación full-stack y la multimodalidad realmente abrirán muchas nuevas posibilidades para nosotros. Entonces, ¿qué hay de automatizar el código usando agentes? Este es un tema grande y emocionante, y quiero mostrarte algunos ejemplos del mundo real. Ahora, solo para mantenernos con los pies en la tierra, hay algunas personas que podrían decir que el 99% de las empresas de IA se ven un poco así. Tal vez solo sean envoltorios alrededor de la API de otra persona. En realidad, creo que estos envoltorios a veces pueden ofrecer mucho valor, especialmente en el espacio de agentes. Y así vamos a hablar sobre un montón de diferentes herramientas y servicios que podrías encontrar útiles. Vamos a comenzar con v0 de Vercel. Ahora v0 es un constructor de interfaces de IA. Utiliza IA generativa para producir código basado en descripciones de usuario. Funciona bastante bien con herramientas populares como Next.js, Shad.cn, Tilwin CSS. Puedes crear una cuenta gratuita para comenzar con él. Y lo que realmente distingue a v0 es su capacidad no solo para generar código, sino también para darte una vista previa en vivo de los componentes que se están creando. Puedes iterar visualmente. Es realmente, realmente bueno en la iteración visual a medida que le das más y más avisos.

Su principal desventaja, diría yo, es que podría ser mejor en la generación de aplicaciones full stack, pero para componentes y pequeñas mini-aplicaciones es realmente, realmente bueno. Así que tu viaje en v0 comienza diciéndole qué te gustaría construir. De hecho, acaban de agregar soporte para incluir archivos JSON. Así que he incluido algunos datos aquí, y quiero compartir mis diapositivas después de esta charla, pero en lugar de darte un PDF, he pedido a v0 que cree Google Slides para nosotros. Así que veamos qué puede hacer. Está generando algo de código ahora mismo.

Una de las cosas que me gusta de v0 es que comienza a transmitir la interfaz de usuario mientras la está construyendo. Así que podemos ver esto suceder. Tenemos una especie de menú de navegación en su lugar. Tenemos algunos botones de formato. Tenemos este visor. Tenemos un lugar que parece que va a contener cosas. Genial. Muy bien, así que ha cargado nuestras diapositivas. Tiene un botón de pantalla completa aquí. Vamos a hacer clic en el botón de pantalla completa. ¿Y puedo cambiar entre diapositivas aquí? Genial. Ahora, obviamente esto es muy simplificado. Pero es increíblemente genial que pudiéramos hacer esto con solo un aviso. Y estaba realmente, realmente feliz de ver que esto funcionó.

Ahora digamos que tienes un diseño para un componente hermoso. Este es un ejemplo de uno que me gustó. Puedes dárselo a v0 como entrada multimodal. Así que simplemente pegas la captura de pantalla en el chat. Aquí le pedí que recreara este diseño con los mismos colores en un solo intento, y quedé bastante impresionado de que pudo generarme una reproducción decente con este bloque que es mucho mejor de lo que podría hacer yo mismo. Lo doblemente genial es que luego puedo pedirle a v0 que convierta esto en un componente interactivo. Puedo comenzar a agregar mis propios elementos, marcar elementos como completos, y tengo un prototipo semi-funcional que luego puedo compartir con otras personas de mi equipo, o incluso usar en el día a día. Es muy genial. Ahora, solo algunos consejos profesionales de v0. Como con muchas herramientas para la generación de código de IA, cuantos más detalles proporciones, a veces mejores serán los resultados adaptados.

Sé específico en tus indicaciones. Si estás usando bibliotecas de terceros, v0 tiene soporte de primera clase para algunos paquetes específicos de terceros de React, incluyendo React 3 Fiber. Considera agregar documentación adicional si hay algo que estás usando donde no estás completamente seguro si está incluido en alguno de los datos de entrenamiento detrás de escena. También me encanta que v0 también tenga integraciones CLI bastante decentes. Puedes simplemente NPM instalar tu componente y comenzar a usarlo en tu proyecto.

A continuación, hablemos de algo un poco más full-stack. Bolt. Esto es bolt.new de StackBlitz. Ahora, v0, Cloud, y muchas de las otras cosas que podría mostrarte, son increíbles, pero es difícil encontrar algo que pueda instalar paquetes en tu nombre, ejecutar backends, editar código. Y Bolt realmente te da modelos de IA con control completo sobre todo tu entorno. El sistema de archivos, tu gestión de paquetes, tu terminal, incluso la consola del navegador.

He estado usando Bolt cada pocos días para construir nuevas aplicaciones, y realmente lo he estado disfrutando. Ahora, está diseñado para manejar todo, desde generar UI, escribir código, desplegar y colaborar con otras personas. Diría que una desventaja principal en este momento con el arranque es que tal vez no ayuda tanto más adelante en tu ciclo de iteración. Así que puedes arrancar un MVP realmente bueno, pero luego tienes que decidir en qué punto tienes que cambiar a usar StackBlitz o descargar el código y simplemente trabajar en él en VS Code. Así que vamos a intentar construir una aplicación de películas no trivial usando Bolt.

Y lo que me ha gustado de él es que puedo usarlo para generar MVPs que funcionan bastante bien. Así que he podido construir aplicaciones que usan autenticación completa, conectándose a bases de datos, configurando servicios de terceros, todo tipo de cosas. Así que Bolt comienza a estructurar esta aplicación, muestra las fuentes que está generando en base a cada archivo, deja claro en qué archivo está trabajando actualmente. Eso puede ayudarte a educarte sobre la arquitectura. Te da un resumen de todos los cambios a medida que ha estado trabajando, te da una forma de retroceder, y por supuesto te muestra una vista previa de lo que está construyendo. Así que rápidamente, esto es funcional, podemos hacer cosas como navegar por categorías, películas favoritas, más o menos lo que esperarías de una simple aplicación de películas. Pero quiero hablar sobre algunas de las otras características de Bolt aquí.

Otra característica de Bolt que realmente me gusta es que cuando te encuentras con problemas, es trivial profundizar en la pila de llamadas de los problemas que provienen de las salidas de comandos o algo así. Y puede intentar solucionar estas cosas por sí mismo. Este es un bucle de error corregido. De hecho, recientemente, Bolt se volvió aún más confiable al corregir errores. El equipo ha estado agregando mucha más instrumentación e información relevante en el contexto para corregir su lógica de resolución de errores, lo que significa que hay muchas menos situaciones donde se detecta un pequeño error y tienes que lidiar con él manualmente. También tiene una integración de primera clase bastante decente con Netlify. Así que incluso si no eres cliente de Netlify, tienes este bonito botón de despliegue en la parte superior.

Con un clic, puedes desplegarlo y ver cómo se ve en producción, y luego puedes reclamar el proyecto si deseas usar Netlify. Pero disfruto poder usar esto solo para obtener una verificación rápida en producción de lo que estoy construyendo. Así que aquí está nuestro despliegue, funcionando en Netlify. Es responsivo, hace lo que esperarías. Ahora, dado que Bolt es creado por las mismas personas que hacen StackBlitz, también obtienes soporte de un clic para poder abrir tu proyecto completamente dentro del entorno de StackBlitz. Y allí obtienes una experiencia similar a la que obtienes con VS Code. Obtienes versionado y demás. Funciona bastante bien.

Ahora dije que haría una aplicación no trivial, así que quiero mostrarte la próxima versión de esto, que utiliza autenticación de terceros. Quiero poder iniciar sesión y gestionar mi lista de películas. Habrá mucho CRUD aquí, y por lo tanto nos conectaremos a APIs de terceros para realizar algunas de estas tareas. Así que pasé tal vez otros cinco a diez minutos dándole indicaciones aquí. Vamos a avanzar rápido por tiempo. Así que puedo iniciar y cerrar sesión en una cuenta. Y luego, una vez que estamos conectados, solo verifiquemos los comportamientos, lo que esperaríamos. Puedo profundizar en las páginas de detalles de películas individuales y ver información del elenco. Vemos en la parte superior que tengo funcionalidad de búsqueda, tengo la función de gestión de listas aquí, así que puedo ir y crear nuevas listas. También puedo ver mis listas. Así que tengo una lista aquí para mis películas de Halloween 2024, que incluye Seed of Chucky. Si quisiera expandir eso, puedo ir y hacer una búsqueda rápida de otras películas, algo como Bride of Chucky. Hacer una búsqueda, agregarla a la lista, y todo funciona como esperaría.

Ahora, volviendo a algunas características, Bolt también te permite hacer cosas como ver sesiones de chat anteriores, y V0 también admite esa idea. Así que algunos consejos rápidos de Bolt si decides probarlo.

Puedes hacer ediciones muy específicas, por lo que puedes seleccionar varios archivos y decir que solo realice las ediciones que estás haciendo en estos archivos. También puedes bloquear archivos, para que no los toque durante su proceso de generación. También puedes seleccionar rangos de código, por lo que si hay una función o una parte de la función sobre la que deseas preguntar a Bolt, también lo admite para darte un poco más de información.

Algunos consejos adicionales, nuevamente, es muy importante ser específico sobre lo que deseas. En este caso, si usas Bolt, recomiendo intentar guardar regularmente en GitHub o descargar puntos de control de lo que está creando. Si estás trabajando con backends, en lugar de dejar que haga mucho, tal vez trabaja con algunos datos ficticios, dile que use datos ficticios mientras decides cómo debería ser tu backend y luego haz que lo haga todo. También puedes aprovechar el desarrollo local si lo deseas. Así que para proyectos sensibles a la privacidad, puedes ejecutar Bolt localmente con Allama. Una de las razones para esto es que Bolt es realmente de código abierto. Así que he estado disfrutando ver a la gente hackeándolo. Puedes personalizarlo con otros modelos, puedes contribuir de vuelta, y es realmente asombroso que todo esto esté disponible al aire libre. Súper, súper genial.

¿Qué tal generar código con agentes en tu editor de código? Ahora hablemos de Copilot por un momento, o Clippy disfrazado, como me gusta llamarlo. Ahora, Copilot fue uno de los primeros editores en realmente causar un gran impacto por tener capacidades de autocompletado y generación de código con AI. Y recientemente añadieron soporte para poder seleccionar entre diferentes modelos de terceros. Puedes usar algo de Quad, el Gemini de Google, algo de OpenAI, realmente elegir el modelo que tenga la mejor fortaleza para tu proyecto.

Y realmente no podemos hablar de editores de código AI sin hablar de algunas de las alternativas, así que cosas como Cursor. A diferencia de los asistentes de codificación AI tradicionales que operan como complementos, Cursor realmente toma un enfoque arquitectónico ligeramente diferente. Es un fork completo de VS Code que ha sido construido para la integración de AI. Así que tiene características como plena conciencia del código base, puede entender tu contexto, tiene flexibilidad multi-modelo diferencias al estilo git, puedes chatear para generación de código iterativa, muchas opciones aquí. Y creo que esa visión a nivel de código base es lo que realmente lo distingue. También tiene algunas características agradables, cosas como integración de documentos, conciencia web si necesitas traer contenido adicional externamente, generación de comandos, es realmente poderoso.

Diría que, como muchos de estos servicios, sus principales limitaciones terminan siendo, en cierto modo, oye, necesitas suscribirte a algo porque los límites de tokens son una cosa, pero por lo demás es bastante poderoso, he encontrado. Así que vamos a mostrarlo en acción muy rápidamente. Nuestro punto de partida aquí es un proyecto básico de boilerplate de Next.js. Al igual que Copilot, Cursor tiene una experiencia de chat interactiva, y vamos a construir una aplicación de películas similar a las que acabamos de hacer. A medida que Cursor genera código, nos muestra diferencias claras en verde y rojo a medida que se genera el código. Eso nos permite, en cierto modo, visualizar lo que está sucediendo y mantener el control sobre el proceso. Nos muestra un resumen de los cambios una vez que ha terminado, lo cual puede ser útil. Y aquí, realmente estamos encontrando nuestro primer desafío al ejecutar esta aplicación. Es un error de configuración de imagen con el componente de imagen de Next.js, y parece que el nombre del host para nuestras imágenes tal vez necesite alguna configuración adicional porque es un servicio de terceros. Así que voy a copiar ese error. Vamos a pegarlo en Cursor, y identifica que necesitamos actualizar nuestra configuración de Next.js con los ajustes de dominio de imagen adecuados. Así que hacemos eso, lo arreglamos, y boom, ahí vamos. Así que la aplicación de películas ahora está funcionando. Está obteniendo datos reales de la API de la base de datos de películas. Ahora, similar a nuestros otros ejemplos, pasé otros cinco o diez minutos con esto, y pude agregar muchas más funciones. Cosas como la capacidad de gestionar y agregar favoritos, navegar por categorías, hacer búsquedas, e incluso agregar un modo oscuro rápido. Así que pude trabajar en todas mis subpáginas, incluidas las de películas, y en general estaba impresionado con lo bien que Cursor pudo mantener la consistencia a través de estas diferentes características mientras manejaba cosas como la gestión de estado e interacciones de usuario. Ahora algunos consejos rápidos para profesionales.

Puedes optimizar tu configuración de Cursor usando archivos de ignorar de Cursor o reglas de Cursor. Si estás interesado, las reglas de Cursor básicamente te ayudan a refinar cómo interactúas con los proyectos, y hay una rica comunidad alrededor de Cursor que te permite hacer cosas como tomar sus indicaciones que han estado usando. Así que el directorio de Cursor y las reglas .Cursor son dos lugares que puedes revisar. También tienes algunas opciones diferentes en Cursor, por lo que puedes usar el chat para iteración, o tienen una función llamada compositor que te permite hacer operaciones por lotes más grandes. Tiendo a sugerir a las personas que hagan tareas pequeñas, en lugar de tener grandes cambios, pero tienes muchas oportunidades aquí para realmente potenciarlo.

A continuación, hablemos de una de mis herramientas favoritas de las que quiero hablarte hoy. Es Cline. Así que Cline anteriormente se llamaba Claw Dev, y es una potente extensión para VS Code con, en mi opinión, las mejores habilidades de codificación agentic disponibles. También es gratis. Tienes que elegir un servicio como un servicio de modelo, pero por lo demás es gratis. Es capaz de analizar estructuras de archivos, crear y editar archivos, ejecutar comandos de terminal por ti, e incluso interactuar con navegadores. Así que tu experiencia con Cline comienza como una barra lateral en VS Code. Puedes abrirlo usando este ícono de robot al lado. Obtienes una experiencia de cuadro de chat allí. También puedes incluir una imagen, por lo que tiene soporte multimodal. Puedes agregar capturas de pantalla, maquetas, lo que quieras como parte de la indicación. Una de sus características destacadas es ese flujo de trabajo multimodal. Así que es capaz de analizar imágenes, capturas de pantalla de navegadores, puedes pegar maquetas, y cosas como eso. Diría que su principal limitación termina siendo cualquier servicio de modelo que uses, a veces esos pueden ser un poco caros, así que solo tenlo en cuenta. Así que Cline tiene el engranaje de configuración en la parte superior. Antes de comenzar, puedes configurar qué proveedor de modelo deseas. Esos incluyen, por supuesto, los populares, como Quad, Gemini, OpenAI. También puedes seleccionar Olama. Ahora estás listo para empezar. A medida que usas Cline, similar a Cursor, te mantienes en el asiento del conductor cada vez que quiere crear un archivo, te pedirá que lo apruebes. También te da esta agradable vista de diferencia animada, por lo que obtienes algo de transparencia en lo que está haciendo. También nota que hay un conteo en la parte superior de la barra lateral que te da visibilidad en los costos. ¿Cuánto estás usando tokens? ¿Cuánto te está ayudando el almacenamiento en caché? Ahora esto es realmente genial. Al final de algunas de mis sesiones de codificación, si he estado codificando durante unas horas, a veces son un par de dólares, a veces es menos, pero tener transparencia en esto es realmente, realmente bueno. Ahora mencioné la entrada de imagen anteriormente.

Una de las características agradables de Cline es que puede inspeccionar sitios web. Así que nuevamente, puedes aprobar o rechazar esto, pero cuando estaba construyendo esa aplicación de películas, me encontré con ese mismo error del componente de imagen de Next.js. Este que vimos antes. Ahora Cline hizo algo un poco diferente a Cursor. Lo que hizo Cline fue que ya abrió un navegador, tomó una captura de pantalla del error, y usó sus capacidades multimodales para inspeccionar el error y darme una solución. No tuve que hacer mucho más trabajo allí yo mismo. Así que aplicó la solución, me dio un resumen de lo que hizo, y ahí está funcionando.

Así que pude usar Cline para generar una aplicación de películas que tiene un flujo completo de inicio de sesión y autenticación. También puedo hacer cosas como persistir y gestionar mis favoritos. Así que podemos hacer cosas como navegar por diferentes categorías. Tenemos nuestros favoritos aquí, estoy conectado. Puedo buscar diferentes películas, así que aquí hay un montón de diferentes películas de Batman que busqué. Puedo ver mis listas, puedo revisar mis comedias cursis y vergonzosas de los 2000. Y puedo crear nuevas listas y simplemente gestionar todas las películas que amo. Y en general, funciona muy bien. He estado disfrutando usar Cline.

Otra cosa sobre Cline es que ya soporta la función de uso de computadora de Anthropics. Así que te mostré que puede lanzar un navegador. También puede ayudarte con pruebas de extremo a extremo. Así que puedes lanzar un navegador en tu nombre, hacer clic en elementos, escribir texto, desplazarte, capturar capturas de pantalla. Aquí está probando una aplicación de tareas, y ya está averiguando en qué elementos de la UI hacer clic. Y si detecta problemas, puede intentar solucionarlos por sí mismo en ese tipo de bucle agentic del que hablaba antes. Así que consejos rápidos de Cline. Para mantener tus costos bajos, Cline en sí es gratis, para mantener tus costos generales bajos, considera usar algo como OpenRouter o modelos locales. Esto realmente evitará que tengas que gastar mucho dinero cada mes en estas cosas. Usa instrucciones personalizadas para mejorar su rendimiento. Tiene ideas similares a las reglas de cursor. Divide las tareas grandes en tareas más pequeñas, en general, eso también puede ayudarte. Entonces, ¿cómo se comparan todas estas cosas? Bueno, mi último proceso es realmente usar v0 para componentes, o de lo contrario Bolt para mi arranque completo de pila, y luego Cline o Cursor son realmente útiles para la iteración, donde quiero seguir construyendo más allá de ese MVP. Bolt y v0 son realmente buenos para usuarios no técnicos y amigables, y Cursor y Cline tienden a ser un poco más para tu ingeniero de software tradicional.

¿Qué otras pautas puedo darte? Bueno, es mejor ir despacio en la dirección correcta. Y así, hay algunas cosas rápidas que he aprendido y quiero ampliar y darte como consejo.

Entonces, si estás codificando con agentes, hay cuatro cosas a tener en cuenta. Primero, los requisitos deben definirse con precisión si deseas obtener los resultados que realmente deseas. Dos, elige el modelo correcto para tu tarea específica. Eso puede afectar cosas como el rendimiento y el costo. Planifica los límites de tokens, como hay casos en los que he estado trabajando en aplicaciones y de repente alcanzo un límite máximo, y no podré hacer nada hasta el día siguiente o un par de horas después. Así que planifica para eso. Y finalmente, las pruebas frecuentes son vitales porque los agentes de IA a veces pueden modificar involuntariamente secciones de código no relacionadas, partes no relacionadas de tu UI. A veces eso puede llevar a accidentes felices, y a veces pueden llevar a accidentes sorprendentes.

Así que hemos visto a la IA cometer errores. Aquí está Photoshop con algunas características de IA, y vamos a ver que este es un Mark Zuckerberg feliz. Este es un accidente feliz. Y también podemos echar un vistazo a cómo se ve un accidente sorprendente. Así que vamos a desplazarnos. Hermoso. Nunca se ha visto mejor. Así que para concluir, los agentes representan una gran oportunidad para algunos momentos felices, algunos momentos sorprendentes. Te van a ayudar a pasar de la idea a la ejecución un poco más rápido. Y a medida que esos flujos de trabajo se vuelvan más maduros, creo que vamos a ver un gran cambio en cómo los desarrolladores abordan la construcción de software. Espero que hayas encontrado esto útil. He sido Adi Osmani. Gracias.

Has estado enviando algunas preguntas, y si aún quieres hacerlo, asegúrate de ir a slido.com. Déjame ver. Era el código 1118, creo que era. Y podrás participar. Y hemos estado recibiendo algunas, así que eso es genial. Vamos a entrar en eso ahora mismo. Adi. Bienvenido. Adri, hola.

Muy bien. Así que voy a empezar con mi propia pregunta, porque se me permite. Y voy a empezar con una cita, y la cita es la siguiente, de Andrej Karpathy. El nuevo lenguaje de programación más candente es el inglés. Por favor comenta. Eso es algo excelente para preguntarme. Creo que a medida que avanzamos, la capacidad de una persona para tener una idea muy clara de lo que quieren construir va a ser crucial. La gente dice, como, la razón por la que los ingenieros de software no van a ser reemplazados es porque los clientes no saben lo que quieren. Correcto. Correcto. No pueden describirlo en detalle. Y creo que esa capacidad es poder pensar con precisión sobre lo que estás tratando de construir para que puedas optimizar y obtener el resultado que deseas. Creo que eso va a ser realmente importante. Así que las habilidades en inglés, poder ser muy descriptivo y muy específico, creo que eso es clave para el futuro. Genial.

Y, sabes, pregunto eso porque recuerdo haber visto o escuchado un podcast, y estaban hablando de eso específicamente. Y este ingeniero que había estado mucho tiempo en el espacio dijo, sabes, se sentía un poco un poco decepcionado de que los cursos de humanidades estaban, sabes, sabes, creando obteniendo quiero decir, estábamos en el asiento trasero ahora y STEM estaba básicamente al frente todo el tiempo. Pero ahora estamos viendo que, sabes, poder ser claro y conciso con las instrucciones va a dar sus frutos al final. Absolutamente. Muy bien. Así que gracias.

Y vamos, quiero decir, esto vuelve a lo que estás diciendo. Tengo una pregunta aquí mismo, que es la clásica que hemos escuchado bastante ahora. ¿La IA nos dejará sin trabajo? Estaba leyendo una historia ayer sobre un desarrollador que había pasado unas horas construyendo un conjunto completo de nuevas características. Y las cosas salieron mal muy rápidamente. Luego tuvieron que revertir todo el conjunto de características. Y se dieron cuenta de que sí, es fácil para la IA generar código, incluso generar un MVP. Pero la necesidad de tener ingenieros experimentados que realmente entiendan la arquitectura, que entiendan los problemas que realmente se están resolviendo, no va a desaparecer en el corto plazo y en el corto a mediano plazo. Definitivamente. Creo que la capacidad de razonar sobre los problemas adecuadamente para poder ayudar a las personas a depurar, vamos a ver cómo la IA democratizará a más y más ingenieros, más y más personas podrán construir. Pero también va a abrir todo tipo de problemas donde las personas necesitarán depurar ese código generado por IA. Y si no sabes qué se ha generado, eso va a ser un problema. Correcto. Así que creo que hay continuas, seguirán habiendo roles para ingenieros definitivamente por muchos años más. Genial. Muchas gracias por esa pregunta. Persona anónima.

Vi otra aquí a la que quiero llegar. Oh, esta pregunta es de Renee. ¿Es Bolt mejor en la generación de código en ciertos stacks o frameworks o puedes especificar un stack? Gran pregunta. Así que para ampliar muy rápidamente, el verdadero superhéroe en muchas de las cosas que te mostré hoy es Claude Sonnet. Y creo que los proveedores de modelos tal vez no reciben tanto amor o aprecio como merecen. Hay muchos grandes modelos por ahí hoy, por cierto. Creo que con Bolt específicamente, hacen un muy buen trabajo al poder generar a través de diferentes frameworks. Así que mi experiencia no es solo React y Next.js, también es bueno para Vue y Svelte y muchos otros tipos de frameworks. Así que no está limitado a solo un conjunto estrecho de usuarios. Gracias por eso. Tengo que disculparme porque estas páginas están saltando arriba y abajo.

Bien. Aquí hay otra. La función CLI que muestra el costo es realmente genial.

¿Has visto alguna herramienta que proporcione información sobre el consumo de energía? ¿Consumo de energía en el AIS? En realidad, no, no lo he visto. En Another Lifetime, hablamos mucho sobre cosas como el rendimiento. E incluso entonces, hablábamos ocasionalmente sobre el consumo de energía y estamos lanzando tanto JavaScript en la web, estamos usando ciclos de CPU todo el tiempo. Y creo que incluso hace unos años, la gente estaba muy interesada en esta idea de obtener más información sobre el consumo de energía en general porque no se trata solo de, oh, hey, estás ejecutando JavaScript en la computadora de un cliente. Hay muchos servidores en el camino que también están usando energía, ¿verdad? Estás usando cada vez más renderizado en el servidor. ¿Cuál es el costo de eso? TLDR, no, no he visto herramientas que hagan esto. Creo que es una gran oportunidad para que alguien lo investigue. Absolutamente. Y si no me equivoco, habrá una charla sobre sostenibilidad en algún momento durante el próximo día o dos. Así que esa sería otra oportunidad para tener esa conversación.