Как сделать дизайн сайта нейросетью и не получить шаблон

Герман Коваленко · основатель ENGRAM · Обновлено 21 июля 2026 · Об авторе →

Коротко: Типовой дизайн от нейросети узнаётся с порога: три карточки с иконками, градиент, пустые слова. Лечится четырьмя подходами: скриншот-референс понравившегося сайта, библиотеки готовых компонентов (shadcn/ui, Aceternity UI, Magic UI), копирование стилей чужого блока через DevTools и официальный скилл дизайна. Правки - короткими реакциями, а не абзацами.

Агент по запросу «сделай красиво» выдаёт средний по интернету результат - потому и выглядит как у всех. Чтобы получить дизайн, за который не стыдно, нужно дать ему конкретику: образец, компонент или стиль. Вот четыре рабочих способа, от самого быстрого к самому тонкому.

Подход 1. Скриншот-референс

Самый быстрый путь к нетиповому результату. Нашли сайт, который нравится, - сделайте скриншот и вставьте в чат:

Вот скриншот сайта, дизайн которого мне нравится. Переделай мой проект
в таком же стиле: цветовая палитра, типографика, расположение блоков.
Тексты и структура остаются наши. Главную страницу покажи первой.

Один скриншот заменяет полстраницы описания. Агент видит картинку и повторяет стиль, не копируя контент.

Подход 2. Библиотеки готовых компонентов

Профессиональные блоки, о которых мало кто из новичков знает:

• shadcn/ui - фундамент: аккуратные формы, кнопки, таблицы, диалоги.
• Aceternity UI - эффекты и анимации: свечение, параллакс, 3D-карточки.
• Magic UI - живые микровзаимодействия и детали.

Сила подхода в конкретике. Не «сделай красивее», а «возьми hero-блок с эффектом прожектора из Aceternity, форму собери на shadcn/ui, для карточек добавь эффект свечения из Magic UI». Агент знает эти библиотеки и подтянет готовые компоненты вместо того, чтобы рисовать с нуля.

Подход 3. Стили через DevTools

Понравился конкретный блок на чужом сайте - откройте инструменты разработчика (клавиша F12), найдите блок во вкладке Elements, скопируйте его стили и отдайте агенту вместе со скриншотом: «воссоздай такой блок в нашем проекте с нашими цветами». Точность получается выше, чем по одному скриншоту. Копируете вы приёмы оформления, а не контент - тексты и картинки остаются ваши.

Подход 4. Скилл дизайна

Официальный скилл дизайна интерфейсов от Anthropic ставится один раз и учит агента типографике, сеткам, отступам и современной эстетике. С ним даже простое «собери лендинг» выходит заметно аккуратнее: агент сам применяет скилл, когда видит задачу про интерфейс.

Как править результат

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

И приём для вау-эффекта: когда получилось «нормально, но не вау», поднимите планку гиперболой - «ты дизайнер тысячного уровня, найди лучшие решения по красоте и удиви меня». Это переключает агента из режима среднего результата в режим поиска.

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

Эти библиотеки бесплатные?

Да, все три - открытые библиотеки, их используют в коммерческих проектах. Агент подключает их сам, вам регистрации и оплата не нужны.

Можно ли копировать дизайн чужого сайта целиком?

Ориентироваться на референс и повторять приёмы оформления - нормальная практика. Копировать один в один вместе с текстами, логотипом и иллюстрациями - нет: это чужая работа. Правило простое: стиль - можно, контент - нельзя.

Тёмная или светлая тема?

Решает аудитория и задача: тёмная эффектна для продуктов и презентаций, светлая спокойнее читается в длинных текстах. Попросите агента собрать обе и сравните скриншоты - это десять минут.

Как проверить, что сайт хорошо выглядит на телефоне?

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

Что дальше

• Урок курса «Дизайн без дизайнера» - все подходы в контексте полного пути.
• После дизайна - деплой: как выложить сайт.
• Готовые формулировки - в разделе Промпты.