AURA нейросеть для дизайна сайта по референсу ИИ-субагент для Cursor: сканирует сайт или скриншот, извлекает дизайн-систему в AURADESIGN.md и верстает чистый адаптивный HTML. Не абстрактная «картинка сайта», а инженерная репликация эталона. Открытый код на GitHub.

AURA: шаги референс, дизайн-контракт, реплика и HTML-страница

Инженерная точность, а не случайные картинки

В поиске часто ищут «нейросеть для дизайна сайта» или «сгенерировать сайт нейросетью». В 99% случаев люди натыкаются на генераторы картинок в стиле Midjourney, которые невозможно сверстать, либо на примитивные онлайн-конструкторы. AURA решает реальную задачу продуктовой разработки: взять проверенный мировой референс и перенести его эстетику в чистый живой код.

Любой образец

Визуальный референс

Ссылка на сайт конкурента, мобильный скриншот или прототип. Агент проводит глубокий колористический и геометрический анализ без фантазий оторванных от жизни.

Система стилей

AURADESIGN.md

Спецификация токенов: палитра акцентов, шрифтовая иерархия, радиусы скруглений, динамика теней и правила адаптивности. Документ служит единым источником правды для команды.

Чистая вёрстка

Живая страница

Готовый валидный HTML и CSS. Принцип copy-in-copy гарантирует, что страница повторит шарм референса и не развалится на экранах смартфонов.

Как работает конвейер AURA

Установите агента в Cursor или запустите CLI. Вы даёте референс — агент проводит декомпозицию, сверяет доступность по WCAG и отдаёт готовый код. Все графические ассеты генерируются через MCP с удалением фона.

Шаг 1

Декомпозиция источника

Анализ референса на блоки, определение якорного Hero-экрана, замер контрастности текста и картирование отступов. Цветовая гармония фиксируется как закон.

Шаг 2

Фиксация дизайн-контракта

Генерация подробного AURADESIGN.md: архитектура компонентов, типографика, правила микроанимаций и запрет на случайные несогласованные цвета.

Шаг 3

Сборка и валидация

Генерация семантической разметки, прогон через мобильный визуальный QA. Кнопки остаются кликабельными, текст читаемым, а композиция — дорогой и цельной.

Быстрый запуск

Установка в Cursor

git clone https://github.com/Horosheff/aura-designer.git
cd aura-designer
python install.py --target cursor --scope project --project-dir .

Кому AURA сэкономит недели работы в Figma

  • Разработчикам и вайбкодерам: сборка дорогих дизайнерских посадочных страниц без привлечения дорогих UI/UX специалистов.
  • Маркетологам: быстрое тестирование гипотез и клонирование лучших мировых лендингов под свои продукты.
  • Агентствам: сокращение времени от согласования концепции до рабочего HTML с нескольких недель до пары часов.

Узнать больше и научиться работать с такими продуктами

AURA собирает страницу по референсу. В клубе собирают завод: семантика, Дзен, Shorts, сайт. Автор — Артур Хорошев.

Перейти на курс

1700+ прошли курс. 181 занятие. Клуб — 6 800 ₽ в месяц.

Курс: mayai.ru

Вопросы по AURA

Что конкретно делает AURA Designer?

Aura Designer — специализированный ИИ-субагент для Cursor, Claude Code и Codex. Вы даёте ему ссылку на сайт, скриншот или прототип, а он декомпозирует визуальный слой: палитру, шрифтовые пары, отступы, физику секций и анимации. На выходе создаётся строгий дизайн-контракт AURADESIGN.md и чистая готовая HTML-страница без мусорных зависимостей.

Чем AURA превосходит генераторы сайтов по одной строчке промпта?

Большинство «нейро-конструкторов» выдают убогие макеты: серый нечитаемый текст, слепые кнопки и хаотичные стоки. AURA работает по инженерному принципу copy-in-copy: сначала агент в точности воссоздаёт композицию и контрастность сильного референса, проходит автоматический аудит читаемости и только потом адаптирует вёрстку под ваши задачи.

Нужно ли уметь верстать или разбираться в Figma?

Нет. Если у вас есть хороший вкус и вы видите, какой сайт вам нравится — этого достаточно. AURA сама достанет CSS-переменные, рассчитает сетку, проверит мобильный адаптив на 375px и соберёт готовую страницу.

Откуда берутся изображения и графика?

Агент не оставляет серых пустых прямоугольников. Через подключенные MCP-серверы он генерирует тематический арт, удаляет фон или внедряет векторные SVG-компоненты, точно попадающие в общую колористику макета.

Где научиться создавать дизайн системного уровня с помощью ИИ?

В клубе «Контент-завод» Артура Хорошева: вайбкодинг, современные веб-интерфейсы, Cursor, AURA и связка дизайна с живым WordPress. Сайт курса — mayai.ru, Telegram — Ковчег.