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

✍️ OpenClawRadar📅 Publicado: March 23, 2026🔗 Source
Aurelius: Um Framework React Construído com 48 Agentes de Código Claude e Pipeline Figma-para-React
Ad

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
Ad

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.

📖 Read the full source: r/ClaudeAI

Ad

👀 See Also

ClawCall: Habilidade OpenClaw para chamadas telefônicas com IA no modo ponte
Tools

ClawCall: Habilidade OpenClaw para chamadas telefônicas com IA no modo ponte

ClawCall é uma habilidade do OpenClaw que permite que agentes de IA façam ligações telefônicas reais, naveguem por menus, aguardem na linha e conduzam conversas. Inclui um modo de ponte que conecta você quando um humano atende.

OpenClawRadar
Mymir: Um Grafo de Projetos Open-Source para Agentes de Codificação via MCP
Tools

Mymir: Um Grafo de Projetos Open-Source para Agentes de Codificação via MCP

Mymir fornece aos agentes um mapa de projeto baseado em grafo com dependências, decisões, critérios de aceitação e notas de execução anteriores, entregue via MCP para evitar reexplicar o estado entre sessões.

OpenClawRadar
O modelo Qwen3-0.6B ajustado supera o professor de 120B em chamadas de função estruturadas.
Tools

O modelo Qwen3-0.6B ajustado supera o professor de 120B em chamadas de função estruturadas.

A Distil Labs publicou um pipeline completo que ajusta um modelo Qwen3-0.6B para alcançar 79,5% de correspondência exata em chamadas de função de casa inteligente IoT, superando um modelo professor de 120B em 29 pontos. O pipeline usa rastreamentos de produção para gerar dados de treinamento sintéticos sem anotação manual.

OpenClawRadar
Leanstral: Agente de Código de Código Aberto para Lean 4 e Engenharia de Provas Formais
Tools

Leanstral: Agente de Código de Código Aberto para Lean 4 e Engenharia de Provas Formais

A Mistral AI lançou o Leanstral, o primeiro agente de código de código aberto projetado para o Lean 4, com 6B parâmetros ativos e licenciamento Apache 2.0. Os benchmarks mostram que ele supera modelos de código aberto maiores e oferece desempenho competitivo em relação ao Claude a um custo significativamente menor.

OpenClawRadar