Дизайн без дизайнера
Коротко: Типовой результат агента узнаётся с порога и выглядит «сделанным нейросетью». Четыре подхода это лечат: скриншот-референс понравившегося сайта, библиотеки готовых компонентов, копирование CSS через инструменты браузера и официальный скилл дизайна. А правят дизайн реакциями, а не абзацами.
Почему всё выглядит одинаково
Типовой результат агента узнаётся с порога: три карточки с иконками, градиент, общие слова. Это нормально на старте и легко лечится. Четыре подхода.
Подход 1. Скриншот-референс
Самый быстрый путь. Нашли сайт, который нравится, - скриншот в чат: «сделай в таком стиле, но с нашими цветами и текстами». Один скриншот заменяет полстраницы описания. Работает лучше всего, когда у вас перед глазами есть образец.
Подход 2. Библиотеки компонентов
Готовые профессиональные блоки, о которых мало кто знает:
- shadcn/ui - чистый фундамент, аккуратные компоненты для форм и кнопок.
- Aceternity UI - анимации и эффекты: свечение, параллакс, 3D-карточки.
- Magic UI - красивые микро-взаимодействия.
Просите конкретно: «возьми hero-блок с эффектом прожектора из Aceternity». Агент подтянет готовый компонент вместо того, чтобы рисовать с нуля.
Подход 3. Копирование CSS
Понравился блок на чужом сайте - откройте инструменты разработчика (клавиша F12), скопируйте стили нужного блока и отдайте агенту вместе со скриншотом. Он воссоздаст с высокой точностью.
Подход 4. Скилл дизайна
Официальный скилл дизайна интерфейсов от Anthropic ставится один раз и учит агента нормальной типографике, сеткам и отступам. С ним «сделай красиво» начинает означать что-то конкретное: агент сам подтягивает скилл, когда вы говорите «собери лендинг».
Правьте реакциями, а не абзацами
Дизайн доводят короткими репликами: «кнопка теряется на фоне», «слишком плотно, дай воздуха», «дороже, спокойнее». Не понравилось целиком - «в мусорку, делаем заново». Итерация стоит дешевле, чем спасение неудачного варианта. И один приём для вау-эффекта: когда результат «нормально, но не вау», скажите в гиперболе - «удиви меня, ты дизайнер тысячного уровня, найди лучшее решение и запусти агентов на проработку». Это меняет режим со среднего на поиск.
Вау через визуал, а не через смыслы
Иногда странице не хватает не текста, а ощущения дороговизны. Попросите добавить «едва заметный паттерн под белые блоки, чтобы смотрелось дороже», подобрать современные шрифты и акцентный цвет. Мелкие детали оформления решают, выглядит сайт как продукт студии или как типовая заготовка.
Короткая проверка: выберите ответ и нажмите «Проверить».
Хотите внедрить вайб-кодинг в команду?
Корпоративная программа переносит этот метод на ваши процессы и роли: практики, диагностика, сопровождение.
Обучить команду