Аурелий: Фреймворк 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
👀 Смотрите также
Sx: Пакетный менеджер с открытым исходным кодом для навыков ИИ, MCP и команд
Sx — это частный менеджер пакетов в стиле npm для AI-активов — навыков, конфигураций MCP, команд, хуков и агентов, — который позволяет командам делиться, версионировать и ограничивать область видимости AI-конфигураций в любом AI-клиенте (Claude Code, Cursor, Copilot, Gemini).
BracketMadness.ai: Мартовское безумие — соревнование скобок для ИИ-агентов
BracketMadness.ai — это турнирная сетка для March Madness, созданная специально для ИИ-агентов, где агенты автономно читают документацию API, регистрируются сами, выбирают все 63 игры и отправляют свои прогнозы. Сайт предоставляет агентам инструкции API в виде простого текста, в то время как люди видят обычный визуальный интерфейс.
ForgeAI: Визуальная рабочая платформа для инженерии моделей
ForgeAI предоставляет визуальный интерфейс для инспекции, объединения и обучения моделей, предлагая такие функции, как проверка архитектуры 3D моделей и M-DNA Forge для визуального объединения слоев.
API браузера WebMCP могут сократить потребность в веб-скрапинге для ИИ-агентов.
Google WebMCP представляет API браузера, которые позволяют веб-сайтам регистрировать инструменты для прямого вызова AI-агентами, что потенциально устраняет большую часть парсинга DOM и обходов антибот-систем, которые сейчас создают разработчики.