Вы попросили ИИ сделать лендинг — и получили очередной сайт с фиолетово-синим градиентом, шрифтом 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-сервер панель, где можно менять шрифт, размер, акцентный цвет и анимацию. Тогда вы подбираете параметры в реальном времени, а не гоняете модель переписывать промпты.
Что в итоге
Вот как выглядит разница между работой «наугад» и системным подходом:
| Без системы | С системой |
|---|---|
| Один промпт на всё | Несколько вариантов в разных стилях |
| Надежда на «сделай красиво» | Конкретные референсы и ограничения |
| Результат — усреднённый шаблон | Результат — ваш личный стиль |
| Правки через «попробуй ещё» | Визуальная панель для быстрых твиков |
Никакой магии. Сначала вы развиваете вкус и находите, что вам нравится. Потом даёте агенту инструменты, чтобы он мог это увидеть и воплотить. И наконец, строите процесс в циклах, оставляя себе право выбирать. Именно вкус решает, что в итоге получится. ИИ без него выдаст среднее арифметическое. С вашим вкусом — то, что выглядит как ваша работа.
Комментарии (0)
Войдите, чтобы комментировать.
Пока нет комментариев. Будьте первым.