¿Buscas un flujo de trabajo eficiente para crear aplicaciones con confianza?
Aquí tienes uno que utiliza Replit.dev y Qodo.ai. ¡Entremos de lleno!
Usé Figma para diseñar una aplicación de perfil simple de una página. Nada del otro mundo. Un poco de tipografía moderna mono fuente usando Aeonik combinado con tarjetas de mis más grandes y exitosos casos de estudio de clientes.
He subido lo anterior a Replit con esta indicación.
develop this one page as a reactjs app that can be hosted on vercel
Y conseguí esto de buenas a primeras.
Esa es la parte rápida.
No es un mal resultado, pero no es exactamente lo que quería. ¿Y ahora qué?
Bueno, vamos a pedirle al agente que arregle las animaciones, añada interactividad y haga pequeños retoques.
Ahí es donde empieza el reto.
He gastado x10 el tiempo que tardé en conseguir el borrador inicial en ir y venir sobre los estados de animación. Los agentes simplemente no podían conseguir el flujo correcto. Seguía viendo la misma animación de reinicio a pesar de los múltiples intentos de explicar cómo debían implementarse las animaciones.
En concreto, yo no quería un extraño efecto de deslizamiento antes de la puesta a cero de la gráfica, y en su lugar simplemente quería que las barras de la gráfica crecieran. Puedes ver la extraña transición en la animación de abajo que parece un fundido inacabado con deslizamiento a través de cada gráfico justo antes del reinicio al estado sin ordenar.
Después de unos 20 minutos, me harté, descargué el código base, lo abrí en mi VSCode, añadí el proyecto a mi contexto, le pedí a Qodo que me explicara el código de animación, le pedí a Qodo que eliminara la parte de reinicio de la animación, y conseguí exactamente lo que quería en unos 5 clics – sin animación extra.
Ahí es donde entra en juego la confianza.
Entiendo que los agentes pueden hacer mucho al principio, pero cuando se trata de obtener un resultado concreto, los agentes no tienen suficiente precisión.
En cambio, Qodo respondió con instrucciones concretas y la mejora de la aplicación funcionó enseguida.
Podría haber obtenido sugerencias similares con ChatGPT, Cursor o Copilot, pero los productos de Qodo son gratuitos y de código abierto, lo que me gusta.
Y lo que es más importante, el chat de Qodo tiene un concepto de contexto que permite al modelo generar una solución completa, a diferencia del agente de Replit, que realiza un único cambio y lo aplica como un diff al código seleccionado.
El chat de Qodo tiene un prompt multidisparo, que me permite seguir iterando sobre las sugerencias generadas. El chat de Qodo también funciona mejor con cambios múltiples, que se muestran como pasos de implementación estándar.
Seguir los pasos de implementación no es agentic ni mucho menos, pero me hace confiar más en el conjunto de cambios.
En resumen, el flujo ágil de Replit funciona bien como punto de partida para un proyecto nuevo y cambios globales de alto nivel, pero se queda corto cuando se requieren cambios específicos y detallados por parte del agente.
El asistente de codificación Qodo Gen VSCode no tiene la funcionalidad de auto-aplicación agentic, pero ofrece sugerencias específicas y enfocadas siendo plenamente consciente de la base de código del proyecto como parte del contexto.
In Plain English
¡Gracias por formar parte de la comunidad In Plain English! Antes de que te vayas:
- Síguenos en X | LinkedIn | YouTube | Discord | Newsletter | Podcast
- Crea un blog gratuito con IA en Differ.
- Más contenido en PlainEnglish.io