IA aplicada · Flujo de trabajo · Desarrollo

Trabajar con un agente de IA: Claude como parte del equipo

Cómo uso Claude Code conectado a GitHub, Vercel, Google Drive y aplicaciones de escritorio para construir, auditar y publicar proyectos reales, y qué reglas mantengo para que el resultado sea confiable.

Matías Gaglio ·

Read in English
Contexto

Un colaborador que trabaja con mis herramientas, no al lado de ellas.

Durante los últimos meses dejé de usar la IA solo para pedir respuestas y empecé a delegarle trabajo completo. Claude Code trabaja dentro de mis repositorios, abre ramas y pull requests, consulta despliegues en Vercel, lee archivos de Google Drive y, mediante servidores MCP, maneja aplicaciones de escritorio como DaVinci Resolve o Audacity. Yo defino el objetivo y el criterio de calidad; el agente ejecuta, verifica y me reporta qué hizo y qué no pudo comprobar.

63 / 113commits del portal Telemetry One firmados en sesiones con Claude Code
57pull requests en ese repositorio entre octubre y noviembre de 2026
5 → 36páginas en el sitemap del catálogo después de una auditoría de este portfolio
69 → 12problemas detectados por el validador del sitio después de esa misma ronda
Conexiones

Primero, decidir a qué puede acceder.

El valor de un agente depende de lo que puede tocar. Lo configuré por capas y con un motivo concreto para cada acceso:

Código

GitHub

Repositorios, ramas, pull requests y revisión de checks. Cada cambio queda en una rama propia y pasa por un PR que puedo leer antes de fusionar.

Publicación

Vercel

Estado de despliegues, logs de compilación y errores en producción. Sirve para confirmar que lo que se fusionó es lo que efectivamente está publicado.

Archivos

Google Drive y Canva

Lectura de documentos y piezas de diseño que funcionan como fuente para artículos, guías o creatividades.

Escritorio

MCP locales

Servidores Model Context Protocol que conectan a Claude con DaVinci Resolve y Audacity en mi computadora, sin subir el material a terceros.

Regla de diseño: el acceso se agrega cuando una tarea lo necesita. Antes de instalar un servidor MCP de la comunidad, el agente revisa el código del instalador y del puente, y me explica qué puertos abre y qué permisos usa.
Caso 1

Un portal de Fórmula 1 construido con pull requests.

Telemetry One es mi portal de Fórmula 1 en Next.js y TypeScript. En octubre y noviembre de 2026 la mayor parte de su desarrollo pasó por sesiones de Claude Code: un replay de carreras con datos de OpenF1, un mapa 3D con los autos sobre el circuito real, informes automáticos después de cada Gran Premio, preparación para el dominio telemetry-one.com y pre-renderizado en español e inglés.

El método fue siempre el mismo. Yo describo el resultado esperado; el agente trabaja en una rama, corre la compilación y los chequeos de TypeScript, abre un PR con una descripción legible y Vercel genera una vista previa. Recién después de revisar esa vista previa se fusiona a producción.

Portada real de Telemetry One con la temporada actual, resultados y accesos al archivo histórico
Telemetry One en producción: la portada conecta la temporada actual con resultados, historia, rankings y juegos.

Pedir

Describir el resultado en lenguaje de producto, con el criterio de aceptación.

Construir

Rama propia, cambios acotados y build local con chequeos de tipos.

Revisar

Pull request con explicación y vista previa de Vercel.

Publicar

Merge a main, despliegue automático y verificación en producción.

Caso 2

Auditar este portfolio como lo haría un equipo senior.

Este sitio también pasó por varias rondas con Claude. En una de ellas el agente detectó que el catálogo y el carrusel de herramientas se renderizaban solo con JavaScript: un buscador o un bot de vista previa que no ejecuta scripts veía una lista vacía. La corrección fue generar una versión estática del catálogo en la compilación, ampliar el sitemap de 5 a 36 páginas y sumar ese chequeo a la integración continua.

Captura real del catálogo de este portfolio con JavaScript desactivado, mostrando 47 resultados con títulos, descripciones y logos de software
Lo que ve un buscador: el catálogo de este sitio con JavaScript desactivado ya muestra los 47 resultados, con títulos, descripciones y herramientas.

En otra ronda, una imagen para redes todavía mostraba el dominio anterior del sitio; el agente generó una nueva tarjeta de Open Graph. Y cuando los logos de software aparecieron gigantes en la portada, encontró la causa en un selector CSS demasiado estricto, publicó una corrección de una línea y verificó el resultado en producción.

La auditoría de lanzamiento más reciente cubrió funcionalidad, UX, contenido, accesibilidad, rendimiento y SEO técnico. El entregable fue una tabla priorizada en P0, P1 y P2, con evidencia, impacto, solución propuesta y esfuerzo estimado para cada hallazgo.

Caso 3

Más allá del código.

  • Video: animación de logo, reels verticales y una guía de edición de 16 páginas, trabajando directamente sobre DaVinci Resolve.
  • Audio: limpieza de una entrevista con Audacity y DeepFilterNet, verificada muestra por muestra.
  • Contenido: artículos bilingües como este, con metadatos, etiquetas de software e índice de búsqueda actualizados en el mismo cambio.
Criterio

Lo que no delego.

  • El objetivo y la evidencia: qué vale la pena construir y qué afirmación puede sostener cada página.
  • Los pasos irreversibles: cambios en producción, borrados o mensajes externos esperan mi confirmación.
  • La revisión final: leo los PR, miro las vistas previas y escucho o veo lo que el agente no puede percibir.
  • La honestidad del reporte: pido que cada entrega diga qué se comprobó y qué quedó sin verificar.
Resultado: proyectos personales con escala de producto, auditorías más rápidas y un portfolio que se mantiene al día. También uso ChatGPT y Codex en otros proyectos; la diferencia no está en la marca de la herramienta, sino en definir bien el trabajo y revisar el resultado.
Software y etiquetas

Herramientas y temas de este artículo.

Software usado o relacionado

  • Claude
  • GitHub
  • Vercel
  • Next.js
  • TypeScript
  • JavaScript
  • Python
  • Google Drive
  • Canva
  • DaVinci Resolve
  • Audacity

Temas

  • Claude Code
  • Anthropic
  • agente de IA
  • IA aplicada
  • MCP
  • Model Context Protocol
  • pull requests
  • Playwright
  • auditoría web
  • SEO técnico
  • automatización
  • flujo de trabajo
  • productividad

Trabajo relacionado

Siguiente paso

¿Querés aplicar este enfoque en tu marca o equipo?

Agendá una llamada de 30 minutos, revisá mi CV o escribime.