3 часа вайбкодинга, 7 часов правок или какие ошибки не совершить на старте
Какие ошибки не совершать, если вы решили завайбкодить сайт
Вайбкодинг сайта звучит прекрасно: сел, написал AI “сделай современный лендинг”, немного подождал — и вот уже почти дизайнер, почти разработчик, почти стартапер года.
Почти.
На практике всё чуть менее магически. AI действительно может сильно ускорить работу над сайтом, но только если вы не ждёте от него телепатии. Он не знает ваш продукт, аудиторию, стратегию, ограничения, вкус и коммерческую логику. Если всё это не дать на входе, он сделает то, что умеет лучше всего: уверенно соберёт среднее по интернету.
А среднего по интернету у нас и так достаточно.
Плохой старт выглядит вот так
“Сделай современный лендинг для агентства”.
Или так:
“Сделай красиво, премиально, в стиле glassmorphism”.
Или ещё лучше:
“Вот референс с Behance, сделай примерно так”.
Звучит нормально, но для AI это слишком размытая задача.
Он не знает:
- кто вы;
- кому вы продаёте;
- какую боль закрываете;
- почему вам должны верить;
- что нельзя обещать;
- какой визуальный образ вам вреден;
- что именно из референса нужно взять.
Поэтому он достраивает всё сам. А достраивает он не из вашей головы, а из усреднённого веба.
Это не проблема инструмента. Это проблема входа.
Сначала — бриф и позиционирование
Перед тем как просить AI делать сайт, нужно сначала понять смысл.
Не “какой цвет кнопки”, а глубже:
- кто покупатель;
- какая у него боль;
- почему он должен остановиться именно на вас;
- какой первый экран должен продать;
- какие блоки нужны для доверия;
- какой стиль усиливает позиционирование;
- какой стиль, наоборот, удешевляет продукт.
Здесь полезны не генераторы кода, а инструменты, которые умеют брифовать.
Например, Grill Me хорош именно тем, что не бросается сразу “делать сайт”. Он задаёт вопросы и прожаривает идею. Это похоже на стратегический брифинг: помогает превратить ощущения в понятные решения.
Не “хочу дорого”. А “нам нельзя выглядеть как дешёвый no-code-сервис”.
Не “хочу современно”. А “нам нужен tech/premium-образ, но без ощущения очередного AI SaaS”.
Не “хочу красиво”. А “сайт должен продавать доверие, экспертизу и способность довести продукт до результата”.
Impeccable в такой связке помогает уже собрать продуктовый и дизайн-документ: что сайт должен делать, каким он не должен быть, какие визуальные решения разрешены, какие запрещены, какие блоки нужны и какую роль они играют.
И вот это уже нормальный вход.
Не магическая фраза “сделай красиво”, а рабочая рамка.
Документы не делают работу за вас
Важный неприятный момент: даже хороший бриф не гарантирует, что AI будет идеально его держать.
Он может прочитать документ, кивнуть всеми своими токенами, а через три сообщения снова написать что-нибудь вроде:
“Мы создаём инновационные решения для вашего бизнеса”.
То есть фразу, которую можно поставить на сайт агентства, клиники, мебельного магазина и школы английского. Именно поэтому её нельзя ставить никуда.
Вывод простой: бриф и позиционирование нужны не для того, чтобы один раз отдать их AI и забыть. Они нужны как фильтр. К ним придётся постоянно возвращать модель:
- “не уходи в generic”;
- “сохрани этот смысл”;
- “не переписывай этот текст”;
- “это противоречит позиционированию”;
- “этот стиль удешевляет продукт”.
AI ускоряет производство, но контроль смысла остаётся на человеке.
Один референс — это не макет
Одна из частых ошибок: дать AI один красивый скриншот и ждать, что он соберёт такой же сильный сайт.
Не соберёт.
Один визуальный референс не отвечает на главные вопросы:
- какая структура страницы;
- что происходит после hero;
- где CTA;
- как работает адаптив;
- какие блоки продают;
- какие элементы декоративные, а какие смысловые;
- что именно из референса нужно взять.
Человек смотрит на референс и считывает много невидимых вещей: композицию, ритм, напряжение, воздух, глубину, механику внимания. AI чаще видит более поверхностный слой: “стекло”, “градиент”, “карточки”, “современно”.
В итоге он может формально попасть в стиль, но промахнуться в дизайн.
Стекло будет. Сайта не будет.
Макет резко повышает качество результата
С нормальным базовым макетом всё меняется.
AI больше не нужно придумывать сайт с нуля. У него появляется опора:
- структура;
- сетка;
- ритм;
- логика блоков;
- порядок CTA;
- сценарий просмотра;
- базовая композиция.
Задача меняется с “придумай сайт” на “улучши, адаптируй, собери, перепиши, стилизуй”.
И вот здесь AI становится намного полезнее.
Он сильнее работает с материалом, чем с пустотой. Когда есть макет, тексты, ограничения и критерии качества, он начинает ускорять production. Когда есть только “сделай красиво”, он начинает гадать.
А гадает он, как правило, в сторону среднего.
Референсы нужно разбирать по слоям
Лучше не писать:
“Сделай как этот сайт”.
Лучше так:
- отсюда взять композицию hero;
- отсюда — типографический ритм;
- отсюда — механику карточек;
- отсюда — плотность интерфейса;
- отсюда — motion;
- палитру не копировать;
- тексты не трогать;
- структуру сохранить.
AI намного лучше работает, когда вы объясняете, что именно брать из референса.
Потому что “мне нравится этот сайт” — это не ТЗ. Это настроение. А настроение AI переведёт как умеет. Обычно в красивую кашу.
Хорошие артефакты нужно фиксировать
Ещё одна ошибка — не сохранять удачные промежуточные решения.
С AI легко потерять то, что уже было хорошо:
- хороший текст;
- удачный hero;
- правильный CTA;
- сильную формулировку;
- нормальную структуру;
- аккуратный блок.
Вы просите: “поменяй только стиль”.
AI меняет стиль. И заодно переписывает тексты.
Вы просите: “сделай блок визуально сильнее”.
AI усиливает блок. И ломает смысл.
Поэтому всё ценное нужно фиксировать явно:
“Этот текст не менять”. “Эту структуру сохранить”. “Этот блок считать финальным”. “Работаем только с правой визуальной частью”. “Контент не трогать”.
С AI нужно вести себя как с очень быстрым, талантливым, но местами самоуверенным сотрудником. Он может сделать много. Но если не поставить рамки, он обязательно “улучшит” то, что уже было хорошо.
Главный вывод
AI не заменяет ясность. Он её усиливает.
Если у вас есть позиционирование, макет, структура, вкус, критерии качества и понимание продукта — AI может очень сильно ускорить работу над сайтом.
Если на входе туман — на выходе будет туман. Просто с градиентами.
Поэтому перед вайбкодингом сайта стоит сделать не промпт, а нормальную подготовку:
- Сформулировать позиционирование.
- Собрать бриф.
- Определить, что сайт должен продавать.
- Подготовить структуру.
- Найти или собрать базовый макет.
- Разобрать референсы по слоям.
- Зафиксировать тексты и важные артефакты.
- Давать AI конкретные задачи, а не просить “сделать красиво”.
AI — хороший production-партнёр. Но плохой арт-директор, если арт-директора рядом нет.