Аурелий: Фреймворк React, созданный с помощью 48 кодовых агентов Claude и конвейера Figma-to-React
Что делает Aurelius
Aurelius — это фреймворк для React, который использует иерархически организованных агентов Claude Code для автономной сборки React-приложений из дизайнов Figma. Вместо одного ИИ-агента, генерирующего код, он использует несколько агентов, которые обеспечивают итеративное взаимодействие для полной сборки приложения.
Архитектура агентов и процесс
Фреймворк включает 48 агентов в областях разработки, дизайна, тестирования, продукта, маркетинга и операций. Эти агенты автоматически выбираются Claude Code в зависимости от выполняемых задач, и все определения агентов хранятся в .claude/, чтобы их можно было читать, изменять или повторно использовать в своих проектах.
Контролирующие агенты управляют процессом с определёнными требованиями:
- Тесты должны быть написаны до компонентов (TDD обязателен, а не опционален)
- Визуальный контроль качества использует пиксельное сравнение с порогом в 2%
- Проверка качества проверяет покрытие, TypeScript, показатели Lighthouse и соответствие дизайн-токенам перед прохождением любого этапа
Процесс включает 10 этапов:
- Анализ Figma
- Извлечение дизайн-токенов
- Проверка TDD
- Сборка компонентов
- Визуальный контроль качества с пиксельным сравнением (до 5 итерационных циклов)
- E2E-тесты Playwright
- Скриншоты для разных браузеров
- Проверка качества
- Проверка адаптивности
- Отчёт о сборке
Техническая реализация
Некоторые технические детали из источника:
- Использует 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.
📖 Read the full source: r/ClaudeAI
👀 Смотрите также
Calmkeep: Внешний слой непрерывности для противодействия дрейфу LLM в длинных сессиях
Calmkeep — это внешний слой непрерывности, предназначенный для противодействия дрейфу LLM в длинных сессиях. В тесте на 25 шагов при сборке бэкенда он показал 85% целостности против 60% у стандартного Claude, а в юридической сессии — 100% против 50%.
API AskFirst добавляет уровень человеческого одобрения для AI-агентов.
AskFirst — это REST API, которое позволяет ИИ-агентам приостанавливать выполнение для получения человеческого одобрения перед совершением необратимых действий. Оно работает с локальными моделями, размещёнными API и любыми фреймворками, предоставляя уведомления по электронной почте, варианты одобрения/отклонения и журналы аудита.
Открытое хранилище в формате markdown обеспечивает Клоду постоянную память между сеансами.
Мой Портативный Мозг — это структура хранилища в формате markdown с уровнем выполнения агента, который предоставляет Claude постоянный контекст о личности, проектах, целях, CRM и еженедельных планах. Он работает нативно с Claude Code и Claude Cowork, использует простые файлы markdown и запускает фоновые скрипты каждую ночь для поддержания актуальности контекста.
Сервер Paper Lantern MCP подключает код Claude к научным статьям
Paper Lantern — это MCP-сервер, созданный с помощью Claude Code, который подключает кодирующие агенты к более чем 2 миллионам статей по компьютерным наукам и 43 миллионам биомедицинских исследований, позволяя им находить проверенные методы вместо использования обучающих данных по умолчанию.