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

Backend Personalizado do llama.cpp Descarrega Multiplicação de Matrizes LLM para NPU AMD XDNA2 no Ryzen AI MAX 385
Tools

Backend Personalizado do llama.cpp Descarrega Multiplicação de Matrizes LLM para NPU AMD XDNA2 no Ryzen AI MAX 385

Um desenvolvedor criou um backend personalizado para llama.cpp que despacha operações GEMM diretamente para o NPU AMD XDNA2 no Ryzen AI MAX 385 (Strix Halo), alcançando 43,7 t/s de decodificação com 0,947 J/tok usando o Meta-Llama-3.1-8B-Instruct Q4_K_M. O caminho de decodificação do NPU economiza cerca de 10W em comparação com apenas Vulkan, mantendo a mesma taxa de decodificação.

OpenClawRadar
Habilidade de verificação de segurança para agentes de IA de codificação verifica automaticamente as implantações
Tools

Habilidade de verificação de segurança para agentes de IA de codificação verifica automaticamente as implantações

Um desenvolvedor criou um arquivo de habilidade que permite que agentes de IA de codificação verifiquem automaticamente suas próprias implantações em busca de problemas de segurança, como segredos expostos, portas abertas, cabeçalhos de segurança ausentes e código-fonte vazado. A verificação é executada após cada implantação e leva cerca de 30 segundos.

OpenClawRadar
🦀
Tools

Claude para Posts do LinkedIn Diretamente do Chat: Fluxo de Trabalho Completo

Um usuário do Reddit compartilha um fluxo de trabalho usando o conector MCP Contentdrips para escrever, criar e publicar postagens no LinkedIn diretamente do chat do Claude AI.

OpenClawRadar
Benchmarking do Nemotron 3 Super 120B com contexto de 1 milhão de tokens no M1 Ultra
Tools

Benchmarking do Nemotron 3 Super 120B com contexto de 1 milhão de tokens no M1 Ultra

Um usuário testou o Nemotron 3 Super 120B com um modelo quantizado Q4_K_M usando llama.cpp em um M1 Ultra, alcançando uma janela de contexto de 1 milhão de tokens que consumiu aproximadamente 90 GB de VRAM. Os benchmarks de desempenho mostram velocidades de geração de tokens variando de 255 t/s no processamento de prompt de 512 até 22,37 t/s em contexto de 100.000 tokens.

OpenClawRadar