Своя страница по референсу без чужого шаблона: нейросеть для создания дизайна экономит время

Обложка: нейросеть для создания дизайна — время на правки шаблона

Кидаете в Cursor ссылку на чужой лендинг или скрин — и снова получаете фиолетовый градиент, три одинаковые карточки и кнопку, которую почти не видно. Страшно трогать «агентов»: кажется, один неверный файл разнесёт весь проект. Знакомая проблема: нейросеть для создания дизайна без памяти стиля снова уезжает в чужой шаблон, а правки превращаются в рутину.

За вечер можно поставить AURA — готового дизайн-субагента в Cursor — дать один референс и получить HTML-страницу своего стиля плюс файл-память, а не чужой средний шаблон. Один линейный маршрут без ветвлений: тестовая папка, два файла ролей, один референс, проверка в браузере и визуальный ревью до клиента.

Что ставим и чего не трогаем

Схема: что ставим (AURA) и чего не трогаем (чужой шаблон)

Речь не про каталог «нейросетей для дизайна интерьера» и не про конспект цветов в блокноте. Речь про AURA Designer: роль с инструкцией внутри Cursor. Вы даёте ссылку или скрин — агент пишет файл-память стиля AURADESIGN.md и собирает адаптивную HTML-страницу. Рядом идёт aura-design-reviewer — readonly-проверка: не правит код сам, а ловит прозрачные CTA, чёрное на чёрном, placeholder-картинки и emoji в интерфейсе.

Я бы начал с project scope: файлы только внутри одной папки проекта. Cursor официально читает project-агенты из .cursor/agents/ и предпочитает их user-агентам из домашней папки. Картинки через подключаемые сервисы и пачку соседних агентов — не сегодня; сначала композиция и контракт стиля.

Папка пресетов в репозитории AURA удалена намеренно: агент обязан копировать ваш источник (copy-in-copy), а не подмешивать «красивый стиль с прошлой задачи». Источник — закон: сначала страница похожа на референс, улучшения — только после этого.

Это отличает готового агента от «просто попроси чат сверстать» и от «сам напиши DESIGN.md». Контракт пишет агент — ваша работа: два файла, один референс, визуальная проверка.

Откройте тестовую папку в Cursor

Схема: открыть тестовую папку в Cursor перед установкой

Откройте пустую или отдельную тестовую папку — не боевой прод и не чужой монорепозиторий. Нужны Cursor с чатом или Agent и аккаунт. Референс заранее: URL лендинга или скриншот. Один источник, не пять «вдохновений» сразу.

Если боитесь «сломать папку», это страховка: появятся два md ролей, потом AURADESIGN.md и HTML. Удалить тестовую папку проще, чем откатывать живой сайт. Не смешивайте установку с рефакторингом чужого кода в том же окне.

Ориентир: папка открыта в Cursor, чат отвечает, референс под рукой.

Положите два файла агентов или запустите install.py

Чеклист: два md агентов или install.py в .cursor/agents

Репозиторий: github.com/Horosheff/aura-designer (MIT, обновлялся в июле 2026). Два пути — выберите один.

Вручную. Скачайте или клонируйте репозиторий. В корне открытого проекта создайте .cursor/agents (mkdir -p .cursor/agents в терминале Cursor или через проводник). Скопируйте туда aura-designer.md и aura-design-reviewer.md из .cursor/agents репозитория. Два markdown с frontmatter — имя, описание, у ревьюера флаг readonly.

Скриптом. Из корня скачанного AURA: python install.py —target cursor —scope project —project-dir . Тот же результат в .cursor/agents/. Не ставьте сразу user-scope «на весь компьютер» — для первого вечера хватает одной папки.

Проверка глазами: лежат .cursor/agents/aura-designer.md и .cursor/agents/aura-design-reviewer.md. Если нет — копировали ли в корень открытого в Cursor проекта, а не в архив на рабочем столе. Путаница «куда класть» почти всегда здесь, а не в «магии» субагентов.

Сначала карта возможностей, потом референс

В чате Cursor на практике так: /aura-designer проверь, что ты установлен, и покажи карту возможностей. Ждёте ответ роли, а не «я могу всё». Если команда не находится — снова путь .cursor/agents/ и что открыт именно этот проект. Иногда помогает перезапуск чата, но сначала файлы на диске.

Не гоните сразу «сделай красивый сайт»: сначала субагент на месте. Критерий: агент отвечает от имени aura-designer и перечисляет референс, контракт AURADESIGN.md, страницу. Пока этого нет — дальше не идём. Так отделяете «не установилось» от «плохо сгенерировалось».

Не сворачивайте в соседние ветки

После установки легко уехать в три ложные развилки. Первая — снова уговаривать общий чат «сделай красивее»: без токенов модель в 2026 тянется к AI-slop (фиолетовый фон, три feature-карточки). Вторая — «напиши DESIGN.md руками»: для первой страницы агент пишет контракт сам. Третья — ТОП «нейросетей для дизайна» с интерьером «по фото»: нужна веб-страница в Cursor, не перекраска комнаты.

Если уже потратили вечер на одну из трёх — смените критерий: файлы агента + HTML + проход reviewer, не «ещё один красивый промпт».

Один референс — и страница в браузере

Одна фраза с источником, например: /aura-designer сделай страницу по этому сайту (или скрину) и создай AURADESIGN.md — и сразу URL или вложение. Без токенов модель тянется к «среднему» UI: фиолетовый градиент, три feature-карточки. AURA фиксирует токены в AURADESIGN.md — цвета, типографика, отступы, радиусы, motion — и от них собирает HTML.

После прогона ждите AURADESIGN.md и HTML (часто index.html). Откройте в браузере: hero читается, primary-кнопка не прозрачная, русский текст без кракозябр, на узкой ширине блок не разваливается. Если шрифт «съел» кириллицу — правьте типографику в контракте, а не снова «сделай красивее».

Если страница «как будто из другого шаблона» — типичная ошибка: размытый бриф или несколько референсов. Вернитесь к одному источнику и повторите вызов.

Reviewer по чеклисту, не ещё один промпт

До показа коллеге или клиенту: /aura-design-reviewer проверь итоговую страницу на визуальные ошибки. Ревьюер readonly: не «перерисует всё за вас», а выдаст критичные пункты — контраст, CTA, placeholders, emoji, copy-in-copy, deliverables. Закройте красные пункты сами или через /aura-designer, затем снова прогоните проверку.

Честно говоря, привычка писать в общий чат «посмотри сам» экономит минуту и стоит часа стыда перед клиентом: чат рисует вкус, а не проходит чеклист. Отдельная роль ревьюера — чтобы «можно показать» было явным, а не ещё одним «поправь кнопку».

Критерий «получилось»:

  • агенты на месте в .cursor/agents/;
  • /aura-designer отвечает и страница открывается в браузере;
  • hero читается, primary CTA не прозрачный, кириллица целая;
  • /aura-design-reviewer закрыл критичные black-on-black и placeholders;
  • остальной проект при project scope не тронут — можно показать коллеге без оправдания «черновик нейросети».

Если любой пункт красный — чините его, не прыгайте к генерации картинок «чтобы стало красивее».

Что отложить на второй вечер

Hero-картинки и вырезание фона через MCP (это подключаемые инструменты агента: генерация изображения и снятие фона) — полезно, но не блокер первой страницы. На первый вечер оставьте TODO под ассеты или простую композицию; полный пайплайн — когда страница уже держит стиль. Иначе установка превращается в квест «подключи все сервисы».

Не подключайте сразу пачку соседних агентов, параллакс-герой или ручной DESIGN.md «с нуля» — соседние темы после первой страницы. Если позже править контракт руками: DESIGN.md в Cursor. Роли субагентов: роли субагентов. Картинки: генерация картинок. Для сегодняшней установки AURA это не нужно.

Разборы по Cursor и агентам — в t.me/maya_pro и в MAX: max.ru/maya_pro. Установка: aura-designer на GitHub.

Материал проверен: Артур Хорошев (CEO Maya AI, автор курса по Make.com и вайбкодингу).

Опора на источники: github.com/Horosheff/aura-designer (README, docs/install.md, aura-design-reviewer.md); cursor.com/docs/subagents (project .cursor/agents/); vibecodekit.dev/ai-slop-design; @maya_pro #1319; Яндекс Вордстат «нейросеть для создания дизайна» = 960, parent «нейросеть для дизайна» ≈ 5426 на 21.07.2026.

Частые вопросы

Это «нейросеть для дизайна интерьера»?

Нет. Здесь угол — веб-страница или лендинг в Cursor по референсу сайта или скрина. Запросы про комнату по фото ведут в другой класс инструментов.

Нужно ли писать DESIGN.md руками?

Для этого вечера — нет. AURA сам пишет AURADESIGN.md. Ручной контракт — отдельный сценарий позже, если правите токены без агента.

Сломаю ли я другие проекты?

При —scope project и копировании только в .cursor/agents/ текущей папки — нет. Не путайте корень проекта с домашней ~/.cursor/agents/.

Почему без референса снова фиолетовый шаблон?

Без зафиксированных токенов модель тянется к среднему AI-slop. Референс плюс контракт держат стиль; «сделай красивее» в общем чате якоря не даёт.

Обязателен ли MCP для картинок в первый вечер?

Нет. MCP — подключаемые инструменты агента; для первой страницы они не обязательны. Сначала HTML и читаемый CTA. Ассеты — вторым проходом, когда композиция уже читается.

Чем reviewer лучше ещё одного «проверь сам» в чате?

У него чеклист и режим readonly: визуальные провалы до клиента, а не новая генерация «на вкус». Прозрачная кнопка — пункт из списка ревьюера, не общий промпт «поярче».