Aurelius: Un Framework de React Construido con 48 Agentes de Código Claude y un Pipeline de Figma a React

Qué hace Aurelius

Aurelius es un framework de React que utiliza agentes Claude Code organizados en una jerarquía para construir aplicaciones React de forma autónoma a partir de diseños de Figma. En lugar de un solo agente de IA generando código, utiliza múltiples agentes que se obligan a iterar entre sí para construcciones completas de aplicaciones.

Arquitectura y Pipeline de Agentes

El framework tiene 48 agentes en total distribuidos en ingeniería, diseño, pruebas, producto, marketing y operaciones. Estos agentes son seleccionados automáticamente por Claude Code según lo que estés haciendo, y todas las definiciones de agentes se almacenan en .claude/ para que puedas leer, modificar o reutilizarlas en tus propios proyectos.

Los agentes supervisores controlan el pipeline con requisitos específicos:

• Las pruebas deben escribirse antes que los componentes (TDD es obligatorio, no opcional)
• El QA visual utiliza comparación de diferencias de píxeles con un umbral del 2%
• La compuerta de calidad verifica cobertura, TypeScript, puntuaciones de Lighthouse y cumplimiento de tokens de diseño antes de que algo sea aprobado

El pipeline tiene 10 fases:

1. Descubrimiento de Figma
2. Extracción de tokens de diseño
3. Compuerta TDD
4. Construcción de componentes
5. QA visual por diferencias de píxeles (hasta 5 ciclos de iteración)
6. Pruebas E2E con Playwright
7. Capturas de pantalla multi-navegador
8. Compuerta de calidad
9. Verificaciones de responsividad
10. Reporte de construcción

Implementación Técnica

Algunos detalles técnicos de la fuente:

• Utiliza Vitest + React Testing Library para pruebas unitarias/de componentes
• Playwright para pruebas E2E y multi-navegador
• Pixelmatch para comparación visual
• Los tokens de diseño están bloqueados en un archivo de bloqueo para que valores codificados no se filtren a los componentes
• Todo es configurable en .claude/pipeline.config.json

El framework tiene conciencia del tipo de aplicación y puede detectar si estás construyendo una aplicación web estándar, una extensión de Chrome (lee manifest.json) o una PWA, ajustando la estrategia E2E en consecuencia. El creador lo usó para portar una aplicación de Webflow a una extensión de Chrome sin reconfigurar el pipeline.

Estado del Proyecto

Aurelius tiene licencia MIT con 118 commits. Todo el framework fue construido en aproximadamente dos semanas usando Claude Code, lo que demuestra el flujo de trabajo que automatiza. Se planean hitos hasta la versión v2.0.0.