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

Construindo um Ciclo de Sonhos Autossuficiente com Cron Jobs e Claude
Tools

Construindo um Ciclo de Sonhos Autossuficiente com Cron Jobs e Claude

Um desenvolvedor criou um ciclo de sonhos autônomo usando dois cron jobs: um às 22h30 para pesquisa e reflexão, e outro às 23h00 para revisão e planejamento. O sistema escaneia arXiv, GitHub trending e Reddit, identifica fraquezas e propõe melhorias concretas.

OpenClawRadar
Servidor MCP Conecta Claude ao Inventário de Vinhos do CellarTracker
Tools

Servidor MCP Conecta Claude ao Inventário de Vinhos do CellarTracker

Um desenvolvedor criou um servidor MCP que conecta o Claude diretamente a contas do CellarTracker, permitindo consultas conversacionais sobre inventário de vinhos, notas de degustação, histórico de compras e janelas de consumo sem exportações manuais de CSV.

OpenClawRadar
Analista de Dados Cria Ferramenta de Calibração de Prompts com Claude, Sem Experiência Prévia em Frontend
Tools

Analista de Dados Cria Ferramenta de Calibração de Prompts com Claude, Sem Experiência Prévia em Frontend

Um analista de dados sem experiência em HTML, CSS ou JavaScript criou o Prompt Calibrator, uma ferramenta web do lado do cliente que estrutura prompts de IA através de um formulário com quatro campos e quatro modos. A ferramenta foi desenvolvida usando o Claude como parceiro de revisão de código e está hospedada no GitHub Pages.

OpenClawRadar
Strale.io oferece uma API gratuita de validação de IBAN e e-mail para agentes de IA, sem necessidade de cadastro.
Tools

Strale.io oferece uma API gratuita de validação de IBAN e e-mail para agentes de IA, sem necessidade de cadastro.

Strale.io oferece uma API gratuita com cinco funcionalidades, incluindo validação de IBAN, validação de e-mail, consulta de DNS, conversão de URL para markdown e reparo de JSON. Não é necessário cadastro ou chave de API, e inclui um servidor MCP para integração com Claude ou Cursor.

OpenClawRadar