Аурелий: Фреймворк React, созданный с помощью 48 кодовых агентов Claude и конвейера Figma-to-React

Что делает Aurelius

Aurelius — это фреймворк для React, который использует иерархически организованных агентов Claude Code для автономной сборки React-приложений из дизайнов Figma. Вместо одного ИИ-агента, генерирующего код, он использует несколько агентов, которые обеспечивают итеративное взаимодействие для полной сборки приложения.

Архитектура агентов и процесс

Фреймворк включает 48 агентов в областях разработки, дизайна, тестирования, продукта, маркетинга и операций. Эти агенты автоматически выбираются Claude Code в зависимости от выполняемых задач, и все определения агентов хранятся в .claude/, чтобы их можно было читать, изменять или повторно использовать в своих проектах.

Контролирующие агенты управляют процессом с определёнными требованиями:

• Тесты должны быть написаны до компонентов (TDD обязателен, а не опционален)
• Визуальный контроль качества использует пиксельное сравнение с порогом в 2%
• Проверка качества проверяет покрытие, TypeScript, показатели Lighthouse и соответствие дизайн-токенам перед прохождением любого этапа

Процесс включает 10 этапов:

1. Анализ Figma
2. Извлечение дизайн-токенов
3. Проверка TDD
4. Сборка компонентов
5. Визуальный контроль качества с пиксельным сравнением (до 5 итерационных циклов)
6. E2E-тесты Playwright
7. Скриншоты для разных браузеров
8. Проверка качества
9. Проверка адаптивности
10. Отчёт о сборке

Техническая реализация

Некоторые технические детали из источника:

• Использует Vitest + React Testing Library для модульных и компонентных тестов
• Playwright для E2E и кросс-браузерного тестирования
• Pixelmatch для визуального сравнения
• Дизайн-токены зафиксированы в lock-файле, чтобы жёстко заданные значения не могли просочиться в компоненты
• Всё настраивается в .claude/pipeline.config.json

Фреймворк учитывает тип приложения и может определить, строите ли вы стандартное веб-приложение, расширение Chrome (читает manifest.json) или PWA, адаптируя стратегию E2E соответственно. Создатель использовал его для переноса приложения из Webflow в расширение Chrome без переконфигурации процесса.

Статус проекта

Aurelius имеет лицензию MIT с 118 коммитами. Весь фреймворк был создан примерно за две недели с использованием Claude Code, что демонстрирует автоматизируемый им рабочий процесс. Планируются вехи вплоть до версии 2.0.0.