Francisco Barros
Volver a proyectos
Side project2026 · Diseño, arquitectura y desarrollo (solo build, asistido por IA)

Este portafolio — construido con un orquestador de IA

El sitio que estás viendo: un CV + portafolio bilingüe en Next.js 15, construido con un orquestador de Claude Code propio (subagentes, skills, hooks y ADRs).

AI OrchestrationNext.jsClaude CodeFull-stack
01

Problema

Quería un portafolio que no solo se viera bien, sino que demostrara cómo trabajo: desarrollo asistido por IA de punta a punta, con disciplina de ingeniería real (tipos estrictos, tests, i18n, analítica con consentimiento, SEO). El reto era orquestar todo eso sin que la IA improvisara, manteniendo la fuente del diseño separada de su integración y con calidad verificable en cada paso.

02

Solución

Diseñé un orquestador de Claude Code a la medida en `.claude/`: 5 subagentes con roles acotados (planner para planes read-only; frontend-builder para base UI/layout; data-layer para contenido tipado y schemas Zod; design-integrator para portar el diseño con el patrón presentacional+contenedor; code-reviewer como gate crítico), 4 skills reutilizables (integrar una sección de diseño, agregar un proyecto, declarar un evento de analítica tipado, y migrar de una versión de diseño a la siguiente), y 7 hooks que blindan calidad en cada guardado/commit (typecheck, prettier, paridad i18n ES/EN, contenido localizado, cero strings hardcodeados, quartet pre-commit y log de subagentes). MCP de GitHub y PostHog quedan declarados para automatizar PR y analítica. El diseño se genera aparte en Claude.ai y se *porta* por valor (nunca se importa). La ejecución fue por fases (F0–F7) con decisiones registradas como ADRs.

03

Impacto

Un sitio listo para producción: bilingüe (ES/EN), accesible (WCAG AA, una sola h1 por página), con SEO completo (metadata dinámica, sitemap, hreflang, JSON-LD, Open Graph), analítica con consentimiento bloqueante y sin IP cruda, y JS inicial bajo 50 kB gzip. Pero el verdadero entregable es el método: un flujo de IA orquestada, auditable y repetible, que es exactamente lo que construyo para automatizar trabajo real.

04

Métricas

5+4+7
Orquestador
57 + 10
Tests (unit + e2e)
<50 kB
JS inicial (gzip)