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 :

1. Découverte Figma
2. Extraction des tokens de design
3. Contrôle TDD
4. Construction des composants
5. Assurance qualité visuelle par différences de pixels (jusqu'à 5 boucles d'itération)
6. Tests E2E Playwright
7. Captures d'écran multi-navigateurs
8. Contrôle de qualité
9. Vérifications responsives
10. 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.