Слогер Создать блог
Дизайн

Как привить ИИ-дизайну настоящий вкус

ИИ отлично верстает, но без вашего участия выдаёт безликие шаблоны. Рассказываю, как собрать палитру собственного вкуса, подключить правильные инструменты и перестать полагаться на одноразовую генерацию.

Вы попросили ИИ сделать лендинг — и получили очередной сайт с фиолетово-синим градиентом, шрифтом Inter и иконками в кружочках над заголовками. Знакомо? Это AI slop — результат, который получается, когда модель усредняет всё, что видела в интернете. Она не плоха в CSS, она слишком хороша: выдаёт статистически «нормальную» картинку. Попросите «современно» — и получите математическое среднее всех лендингов.

Проблема не в технике. Модель отлично верстает. Проблема в том, что она усредняет, а «среднее» — это всегда предсказуемость. Чем лучше становится модель, тем выше поднимается планка «базового» дизайна, и вместе с ней — уровень однотипности. Рецепт не в том, чтобы найти модель получше, а в том, чтобы развить собственный вкус и научиться передавать его машине. Вот три движения, которые реально работают.

Шаг 1: Соберите библиотеку вкуса

Вы не можете передать агенту то, чего у вас нет. Поэтому сначала придётся намеренно накопить визуальный опыт. Откройте Dribbble, Pinterest, X — там публикуют много хорошего UI ещё до того, как он попадёт в другие каналы. Сохраняйте не только скриншоты, но и ссылки на живые сайты: реальная страница рассказывает модели больше, чем плоская картинка.

Не дайте папке превратиться в свалку. Попросите Claude Code собрать из скриншотов библиотеку вдохновения: сгруппировать по стилям, назвать эстетику правильными словами и добавить ключевые слова. Тогда вы сможете в любой момент достать готовый референс или даже промпт для генерации похожего изображения.

Шаг 2: Дайте агенту глаза и руки

У стандартного Claude Code визуальный вкус примерно на уровне монетки. Исправляется это тремя инструментами.

Дизайн-скилл

Вместо стандартного frontend-design skill попробуйте Impeccable — открытый скилл Пола Бакауса. Вместо просьбы «не выглядеть ИИ-сгенерированной» он перечисляет конкретные паттерны AI slop и просит их избегать. Внутри — команды-слэши: /critique для честного UX-ревью, /bolder чтобы сделать дизайн смелее, /quieter чтобы успокоить, /polish для финальной полировки. Под капотом он проверяет типографику, цвет, пространство, адаптивность, интерактив, движение и UX-тексты.

MCP для изображений

Claude Code не умеет рисовать. Подключите Higgsfield MCP — через него агент получает доступ к 30+ моделям изображений и видео. Опишите картинку для hero-секции, и она появится в проекте без переключения между вкладками.

Реестр компонентов

Для кнопок, карточек, пагинации используйте 21st.dev — там у каждого компонента есть кнопка «copy prompt». Вставили промпт в Claude Code — и компонент собран внутри вашего проекта, под вашу архитектуру.

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

Шаг 3: Итерируйте, а не стреляйте в одну точку

Одноразовая генерация — лотерейный билет. «Сделай премиально» — и молитесь. Иногда выигрываете, чаще получаете слегка улучшенный AI slop. Вместо этого работайте циклами: сначала широко, потом узко.

Вот как выглядит процесс. Допустим, нужно сделать лендинг для вымышленного AI-стартапа Kestrel. Генерируете пять версий в пяти разных стилях, смотрите их рядом на одном экране и выбираете направление. Потом — три вариации этого направления с разной структурой тела страницы. Выбираете лучшую. Затем через MCP заказываете четыре варианта hero-изображения и ставите их в реальный макет. После этого подкручиваете переходы и анимацию. На каждом этапе вы видите варианты и выбираете осознанно, а не доверяете слепой генерации.

Чтобы промпт был эффективным, достаточно четырёх вещей: эстетика (семейство стилей), референс (скриншот или URL живого сайта), интент (что это и зачем, кто аудитория), guardrails (анти-slop клаузула: «никогда не используй фиолетовые градиенты, Inter и 3D-блобы»).

И ещё один приём — живая панель твиков. Попросите Claude Code добавить на dev-сервер панель, где можно менять шрифт, размер, акцентный цвет и анимацию. Тогда вы подбираете параметры в реальном времени, а не гоняете модель переписывать промпты.

Что в итоге

Вот как выглядит разница между работой «наугад» и системным подходом:

Без системыС системой
Один промпт на всёНесколько вариантов в разных стилях
Надежда на «сделай красиво»Конкретные референсы и ограничения
Результат — усреднённый шаблонРезультат — ваш личный стиль
Правки через «попробуй ещё»Визуальная панель для быстрых твиков

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

По материалам: design. Текст переработан редакцией Слогера.

← На главную

Рекламное место — Конец поста
Реклама · Слогер

Комментарии (0)

Войдите, чтобы комментировать.

Пока нет комментариев. Будьте первым.