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

✍️ OpenClawRadar📅 Опубликовано: 23 марта 2026 г.🔗 Source
Аурелий: Фреймворк React, созданный с помощью 48 кодовых агентов Claude и конвейера Figma-to-React
Ad

Что делает 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. Отчёт о сборке
Ad

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

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

  • Использует 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

Ad

👀 Смотрите также

Tripsy запускает MCP-сервер для Claude: управление поездками через структурированный API
Инструменты

Tripsy запускает MCP-сервер для Claude: управление поездками через структурированный API

Официальный MCP-сервер Tripsy позволяет Клоду напрямую читать, создавать и обновлять поездки, активности, проживание, транспорт и расходы. Настройка занимает ~1 минуту через пользовательский коннектор Клода.

OpenClawRadar
Навыки Chrome: Сохраняйте и используйте AI-запросы как инструменты в один клик
Инструменты

Навыки Chrome: Сохраняйте и используйте AI-запросы как инструменты в один клик

Функция Google Chrome Skills позволяет пользователям сохранять AI-запросы в виде повторно используемых рабочих процессов, которые запускаются одним кликом на любой веб-странице. Навыки можно получить, набрав косую черту (/) или нажав на знак плюса (+) в Gemini в Chrome.

OpenClawRadar
Система автоматического исправления использует Claude Code Headless для обнаружения и устранения ошибок в продакшене.
Инструменты

Система автоматического исправления использует Claude Code Headless для обнаружения и устранения ошибок в продакшене.

Разработчик создал автоматизированную систему исправления ошибок в продакшене с использованием Claude Code CLI в headless-режиме. Система обнаруживает ошибки из логов, создает изолированные git worktree для каждой проблемы, запрашивает у Claude написание исправлений и требует ручного подтверждения через Telegram перед созданием PR.

OpenClawRadar
Советник: слэш-команда /advisor для Claude Code, запускающая Opus + параллельные исполнители Sonnet
Инструменты

Советник: слэш-команда /advisor для Claude Code, запускающая Opus + параллельные исполнители Sonnet

Команда /advisor для Claude Code запускает Opus в роли стратега, координирующего несколько параллельных исполнителей Sonnet, читающих файлы. Обнаружено 6 реальных багов, включая троянский источник bidi-символа.

OpenClawRadar