Aurelius: Um Framework React Construído com 48 Agentes de Código Claude e Pipeline Figma-para-React

O que o Aurelius faz

Aurelius é um framework React que utiliza agentes Claude Code organizados em uma hierarquia para construir aplicativos React de designs do Figma de forma autônoma. Em vez de um único agente de IA gerar código, ele utiliza múltiplos agentes que impõem iteração uns sobre os outros para construções completas de aplicativos.

Arquitetura e Pipeline dos Agentes

O framework possui 48 agentes no total, distribuídos entre engenharia, design, testes, produto, marketing e operações. Esses agentes são selecionados automaticamente pelo Claude Code com base no que você está fazendo, e todas as definições dos agentes são armazenadas em .claude/ para que você possa ler, modificar ou reutilizá-las em seus próprios projetos.

Agentes supervisores controlam o pipeline com requisitos específicos:

• Testes devem ser escritos antes dos componentes (TDD é obrigatório, não opcional)
• O QA visual usa comparação de diferença de pixels com um limite de 2%
• O portão de qualidade verifica cobertura, TypeScript, pontuações do Lighthouse e conformidade com tokens de design antes que qualquer coisa seja aprovada

O pipeline possui 10 fases:

1. Descoberta do Figma
2. Extração de tokens de design
3. Portão TDD
4. Construção de componentes
5. QA visual por diferença de pixels (até 5 loops de iteração)
6. Testes E2E com Playwright
7. Capturas de tela entre navegadores
8. Portão de qualidade
9. Verificações de responsividade
10. Relatório de construção

Implementação Técnica

Alguns detalhes técnicos da fonte:

• Utiliza Vitest + React Testing Library para testes unitários/de componentes
• Playwright para testes E2E e entre navegadores
• Pixelmatch para comparação visual de diferenças
• Tokens de design são bloqueados em um arquivo de bloqueio para que valores codificados não vazem para os componentes
• Tudo é configurável em .claude/pipeline.config.json

O framework possui consciência do tipo de aplicativo e pode detectar se você está construindo um aplicativo web padrão, uma extensão do Chrome (lê o manifest.json) ou um PWA, ajustando a estratégia E2E de acordo. O criador o usou para portar um aplicativo do Webflow para uma extensão do Chrome sem reconfigurar o pipeline.

Status do Projeto

Aurelius é licenciado sob MIT com 118 commits. Todo o framework foi construído em cerca de duas semanas usando Claude Code, o que demonstra o fluxo de trabalho que ele automatiza. Marcos estão planejados até a versão 2.0.0.