← Volver al blog

Cómo optimicé este portafolio: La evolución con CLI Agents

Por: Juan Calle2026-06-03
NextJSInteligencia ArtificialAntigravityCLI

1. Contexto e Hipótesis

El desarrollo de un portafolio web personal suele ser un proceso iterativo largo, especialmente al equilibrar la estética visual (look and feel) con la interactividad técnica. Mi meta era optimizar la velocidad del sitio e integrar componentes avanzados, como simuladores interactivos de datos en tiempo real.

La hipótesis del proyecto fue que al utilizar herramientas de codificación agénticas de consola, podríamos reducir drásticamente el ciclo de retroalimentación de desarrollo sin perder el control de la arquitectura del sitio.

2. Metodología de Optimización

El proceso de construcción y optimización de este sitio web se realizó utilizando herramientas CLI de Inteligencia Artificial avanzadas de forma local:
  • Evolución del Asistente: Iniciamos el camino interactuando con herramientas primitivas y Gemini CLI, y migramos finalmente a la integración actual con Antigravity CLI.
  • Ejecución en Consola: La ventaja competitiva de usar interfaces de terminal es la capacidad del agente para comprender el espacio de trabajo de forma directa, proponer cambios estructurados, crear planos de implementación y realizar pruebas de compilación en caliente utilizando nuestro gestor de paquetes (pnpm).
  • Seguridad e Integridad: Los ajustes de backend y rutas se mantuvieron seguros y aislados de cualquier API externa sensible, operando a nivel de interfaces e inyección de datos controlada.
  • 3. Hallazgos Principales

    Trabajar mano a mano con un agente CLI nos permitió:
  • Refinamiento Estético Veloz: Ajustar variables CSS y selectores Tailwind dinámicos de forma instantánea según mi feedback en caliente.
  • Integraciones complejas: Incorporar gráficos animados reactivos en tiempo real (react-chartjs-2) que se adaptan al tema oscuro y claro del portafolio mediante observadores del DOM (MutationObserver).
  • Resolución de Conflictos: Diagnosticar problemas de empaquetado y dependencias (ej. resolver iconos de marca con SVG inline en lugar de dependencias externas inestables) en milisegundos durante la fase de compilación.
  • 4. Implementación y Futuro

    La integración de CLI Agents no reemplaza el criterio del desarrollador; lo amplifica. Nos permite delegar tareas mecánicas de escritura, pruebas de compilación y layouts repetitivos, liberando tiempo para enfocarnos en la experiencia de usuario y en la fidelidad de los datos.

    Este portafolio es un testimonio vivo de esa colaboración. El futuro del desarrollo moderno es agéntico, ágil y operado desde la consola de comandos.