Сначала посмотри, потом генерируй: как перестать тратить время на переделки

Сначала посмотри, потом генерируй: как перестать тратить время на переделки

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

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

---

Три часа на то, что оказалось не тем

Типичный вечер человека, который собирает сайт с нейросетью.

Формулируете запрос. Ждёте. Смотрите — не то. Переформулируете. Ждёте. Уже ближе, но фон не тот и анимация раздражает. Переделываете третий раз.

К концу вечера у вас четыре варианта, ни один не устраивает полностью, и вы не помните, что было в первом, который вроде был ничего.

Вы потратили три часа, чтобы понять, чего хотели. Само по себе это нормально — так работает любой поиск. Ненормально то, что каждая итерация здесь стоит времени ожидания и денег за генерацию.

Есть другой порядок, и он меняет экономику работы.

Проблема не в генерации, а в выборе вслепую

Разберём, что именно происходит.

Вы принимаете решение до того, как увидели результат. Формулируете описание словами — «современный минималистичный лендинг с плавными анимациями» — и только после генерации узнаёте, что имела в виду модель.

А «минималистичный» у неё может означать что угодно из десятка направлений. «Плавные анимации» — тоже.

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

Показать образец — просто. Описать — почти невозможно. Отсюда и правильный порядок.

Правильный порядок

Сначала смотрите. Потом берёте. Потом подгоняете.

Не «придумал — сгенерировал — оценил», а «увидел — выбрал — адаптировал».

Разница в том, где стоит момент решения. В первой схеме вы решаете вслепую и проверяете дорого. Во второй — решаете глядя на результат, и проверять нечего.

Что это даёт практически:

Итерации бесплатные. Пролистать двадцать превью — минуты, а не часы ожидания.

Решение обоснованное. Вы выбрали то, что видели, а не то, что представили.

Заказчику есть что показать до начала работы. Это отдельная ценность, к ней вернёмся.

Как это работает в каталоге

В разделе шаблонов сайтов 343 промпта, и у каждого есть превью. Вы видите готовый результат — как выглядит, как ведёт себя анимация, что происходит при прокрутке.

Каталог разложен так, чтобы искать по задаче:

Сайты — 240 штук: Hero — 80, лендинги — 61, SaaS — 33, агентства — 10, портфолио — 8, витрины — 8, плюс креатив, AI, 3D, финтех, авто, презентации, тревел, Web3.

Секции — 80 отдельных блоков: тарифы, отзывы, футер, форма входа, призыв, о компании.

Фоны — 23 анимированных под свой контент.

Порядок работы: открыли нужную категорию, пролистали превью, взяли подходящее, скопировали промпт, вставили в свою среду, подогнали под задачу.

Промпты написаны под обычный стек и не привязаны к сервису — вставляются в любую среду, которая умеет писать код.

Что смотреть в превью

Не «нравится или нет». Четыре конкретных вещи, и они отсеивают быстрее.

Структура под вашу задачу. Лендингу под запуск нужен один порядок блоков, витрине — другой. Красивое, но с неподходящей структурой, придётся перестраивать — а это как раз то, чего вы избегаете.

Плотность контента. Сколько текста помещается. Шаблон, рассчитанный на короткие заголовки, развалится от ваших трёх абзацев.

Поведение анимации. Смотрите не на первый экран, а на то, что происходит при прокрутке. Именно анимация чаще всего оказывается тем, что раздражает через день.

Как это будет на телефоне. Половина посетителей придёт оттуда.

Чего не надо смотреть: цвета и шрифты. Это то, что меняется легче всего, и выбирать по ним — самая частая ошибка.

Что делать после выбора

Три правила, чтобы не вернуться к переделкам с другой стороны.

Меняйте содержание, не трогая структуру. Тексты, изображения, названия — да. Порядок блоков и стилевые решения — только если действительно надо.

Стиль меняйте согласованно. Поменяли акцентный цвет — проверьте контраст там, где на нём стоит текст. Отдельные правки ломают систему, которая в промпте уже выстроена.

Правьте по адресу. Не «сделай лучше», а «в секции тарифов поменяй порядок колонок, остальное не трогай». Плюс строка о том, что менять нельзя.

Последнее особенно важно. Большая часть проблем возникает не при первой сборке, а на третьей правке, когда каждое изменение ломает предыдущее.

Превью как инструмент продажи

Здесь то, ради чего это стоит освоить, даже если вы не собираете сайты сами.

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

Показ превью до начала работы снимает это целиком. Вы открываете три-четыре варианта и спрашиваете: «какой ближе?» Заказчик показывает пальцем, и вы точно знаете, что делать.

Что это даёт:

Согласование до работы, а не после. Круги правок сокращаются в разы.

Разговор из абстрактного становится предметным — а с ним и обсуждение сроков и цены.

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

Практический приём. Идя на первый разговор, подберите три превью под тип бизнеса заказчика. Это двадцать минут подготовки, и они меняют весь разговор: вы приходите не с предложением услуг, а с вариантами.

Что это меняет в экономике

Время. Вечер на нащупывание превращается в двадцать минут выбора.

Расход. Генерации в среде разработки стоят денег и времени ожидания. Двадцать пролистанных превью — ноль.

Круги правок. Согласованное до начала не переделывается после.

Порядок цен для сравнения. По моей выгрузке на 848 объявлений: многостраничный сайт — $245–730, при медиане разовой работы $30–75. Оговорка: отдельной категории «Разработка» в парсере нет, вилки — ориентир.

При таком чеке сэкономленный вечер и два круга правок — это заметная часть вашей реальной прибыли.

Что для этого есть на платформе

Шаблоны сайтов — 343 промпта с превью. В среднем около 10 000 знаков каждый, самые проработанные — до 75 000: структура, типографика, цвета, поведение анимации при наведении и прокрутке.

Тариф Plus.

Скиллы для Claude Code — более 10 000. Каталог и описания открыты всем, файлы с Basic, продвинутые — Creator+.

Ассистенты категории «Креатив» — арт-директор, веб-дизайнер, UX-дизайнер. Помогут выбрать под задачу и объяснить заказчику, почему именно этот вариант. С Basic.

Регистрация бесплатная и открывает три дня доступа к Basic целиком. Каталоги и превью при этом открыты гостю — посмотреть, что существует, можно до любой регистрации.

С чего начать сегодня

Одно действие. Откройте каталог и потратьте двадцать минут не на генерацию, а на просмотр.

Пролистайте категорию, которая ближе к вашим заказам, и отметьте три варианта. Не для работы — чтобы понять, что вообще бывает.

После этого следующий разговор с заказчиком пойдёт иначе: вы будете не описывать словами, а показывать.

---

Тот же принцип в других разделах

«Сначала посмотри» — не только про шаблоны сайтов.

В Gen AI цена конкретной модели видна до нажатия. Вы сравниваете два варианта по стоимости, а не узнаёте после списания.

В AI Workflow смета всего прогона считается до запуска — вместе с остатком на балансе. За невыполненные шаги деньги возвращаются автоматически.

В Marketing Studio смета показывается до старта конвейера.

Что общего. Решение принимается по видимому результату или по известной цене — а не вслепую с проверкой постфактум.

И то же самое в архиве автоматизаций: описания всех шаблонов открыты до скачивания. Видно, что делает сценарий, к каким сервисам обращается и какие доступы попросит, — прежде чем вы потратили время на импорт.

---

Что почитать дальше

[Промпт на 30 000 знаков](/blog/prompt-30000-characters) — что стоит за превью.

[Сайт-портфолио специалиста](/blog/specialist-portfolio-site) — где это применяется чаще всего.

[Что из собранного продаётся](/blog/what-sells-from-vibecoding) — восемь форматов и их превью.

[Лендинг под каждый сегмент](/blog/landing-per-segment) — как показывать варианты клиенту.

[Skills для Claude Code](/blog/claude-code-skills-guide) — гид по скиллам целиком.