Аурелий: Фреймворк 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
👀 Смотрите также
Tripsy запускает MCP-сервер для Claude: управление поездками через структурированный API
Официальный MCP-сервер Tripsy позволяет Клоду напрямую читать, создавать и обновлять поездки, активности, проживание, транспорт и расходы. Настройка занимает ~1 минуту через пользовательский коннектор Клода.
Навыки Chrome: Сохраняйте и используйте AI-запросы как инструменты в один клик
Функция Google Chrome Skills позволяет пользователям сохранять AI-запросы в виде повторно используемых рабочих процессов, которые запускаются одним кликом на любой веб-странице. Навыки можно получить, набрав косую черту (/) или нажав на знак плюса (+) в Gemini в Chrome.
Система автоматического исправления использует Claude Code Headless для обнаружения и устранения ошибок в продакшене.
Разработчик создал автоматизированную систему исправления ошибок в продакшене с использованием Claude Code CLI в headless-режиме. Система обнаруживает ошибки из логов, создает изолированные git worktree для каждой проблемы, запрашивает у Claude написание исправлений и требует ручного подтверждения через Telegram перед созданием PR.
Советник: слэш-команда /advisor для Claude Code, запускающая Opus + параллельные исполнители Sonnet
Команда /advisor для Claude Code запускает Opus в роли стратега, координирующего несколько параллельных исполнителей Sonnet, читающих файлы. Обнаружено 6 реальных багов, включая троянский источник bidi-символа.