Aurelius : Un Framework React Construit avec 48 Agents de Code Claude et un Pipeline Figma-vers-React
Ce que fait Aurelius
Aurelius est un framework React qui utilise des agents Claude Code organisés en hiérarchie pour construire de manière autonome des applications React à partir de maquettes Figma. Au lieu d'un seul agent IA générant du code, il utilise plusieurs agents qui s'imposent des itérations les uns sur les autres pour des constructions complètes d'applications.
Architecture des agents et pipeline
Le framework compte 48 agents au total répartis dans les domaines de l'ingénierie, du design, des tests, du produit, du marketing et des opérations. Ces agents sont sélectionnés automatiquement par Claude Code en fonction de ce que vous faites, et toutes les définitions des agents sont stockées dans .claude/ afin que vous puissiez les lire, les modifier ou les réutiliser pour vos propres projets.
Des agents superviseurs contrôlent le pipeline avec des exigences spécifiques :
- Les tests doivent être écrits avant les composants (le TDD est obligatoire, pas optionnel)
- L'assurance qualité visuelle utilise une comparaison par différences de pixels avec un seuil de 2%
- Le contrôle de qualité vérifie la couverture, TypeScript, les scores Lighthouse et la conformité aux tokens de design avant que quoi que ce soit ne soit validé
Le pipeline comporte 10 phases :
- Découverte Figma
- Extraction des tokens de design
- Contrôle TDD
- Construction des composants
- Assurance qualité visuelle par différences de pixels (jusqu'à 5 boucles d'itération)
- Tests E2E Playwright
- Captures d'écran multi-navigateurs
- Contrôle de qualité
- Vérifications responsives
- Rapport de construction
Implémentation technique
Quelques détails techniques de la source :
- Utilise Vitest + React Testing Library pour les tests unitaires/composants
- Playwright pour les tests E2E et multi-navigateurs
- Pixelmatch pour la comparaison visuelle par différences
- Les tokens de design sont verrouillés dans un fichier de verrouillage pour éviter que des valeurs codées en dur ne s'infiltrent dans les composants
- Tout est configurable dans
.claude/pipeline.config.json
Le framework a une conscience du type d'application et peut détecter si vous construisez une application web standard, une extension Chrome (lit manifest.json) ou une PWA, en ajustant la stratégie E2E en conséquence. Le créateur l'a utilisé pour porter une application de Webflow vers une extension Chrome sans reconfigurer le pipeline.
État du projet
Aurelius est sous licence MIT avec 118 commits. L'ensemble du framework a été construit en environ deux semaines en utilisant Claude Code, ce qui démontre le flux de travail qu'il automatise. Des jalons sont prévus jusqu'à la version 2.0.0.
📖 Lire la source complète : r/ClaudeAI
👀 See Also
La nouvelle API de données structurées propose des tarifs d'abonnement pour les agents LLM.
Un développeur a publié une API de données structurées qui normalise les tarifs d'abonnement sur les plateformes de streaming, les services de covoiturage, les applications de rencontre et d'autres plateformes basées sur l'abonnement. L'API fournit des schémas JSON cohérents, des tarifs adaptés à la région lorsque disponibles, et des points de terminaison compatibles MCP pour que les agents LLM puissent les consommer sans avoir à extraire des données.
Galerie d'Architecture LLM : Référence Visuelle pour les Conceptions de Modèles
La Galerie d'Architectures LLM de Sebastian Raschka rassemble des figures d'architecture et des fiches techniques issues de The Big LLM Architecture Comparison et de A Dream of Spring for Open-Weight LLMs, avec des spécifications détaillées pour des modèles comme Llama 3 8B, DeepSeek V3 et Gemma 3 27B.
Utiliser pre-commit pour améliorer la qualité et la sécurité du code généré par l'IA
Un développeur partage sa configuration pre-commit pour les projets Go et Java, utilisant des outils comme golangci-lint, govulncheck et checkov pour détecter les vulnérabilités et les problèmes de qualité dans le code généré par l'IA avant le commit.
Architecture de Compilateur Déterministe pour les Flux de Travail LLM Multi-Étapes Présente des Résultats de Référence Solides
Une architecture de compilation déterministe pour les flux de travail LLM structurés utilise des registres de nœuds typés, des contrats de paramètres et une validation statique pour compiler les graphes de flux de travail à l'avance. Les benchmarks montrent qu'elle surpasse GPT-4.1 et Claude Sonnet 4.6 sur des profondeurs de flux de travail allant de 3 à 12+ nœuds.