Перейти к содержимому

Как написать хороший промпт для сайта: рабочая схема

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

Дальше разобрано, почему эти четыре блока именно такие, чем сильная формулировка отличается от слабой на одном и том же запросе и где промпт бессилен в принципе.

Из чего состоит промпт, который срабатывает с первого раза?

Из ответов на вопросы, которые иначе генерации придётся додумывать за вас. Каждое додуманное решение это лотерея: иногда попадает, чаще нет. Промпт не описывает красоту, он снимает неопределённость, и в этом вся его работа.

Первый блок: предмет. Кто вы, что продаёте, кому. «Сайт для студии йоги в спальном районе, групповые занятия и абонементы» задаёт тон, лексику и набор разделов сразу. «Сайт для бизнеса» не задаёт ничего, потому что подходит к любому из миллиона случаев.

Второй блок: целевое действие. Записаться, купить, оставить контакт, скачать. От него зависит структура: страница с одной кнопкой записи собирается иначе, чем каталог. Если целевое действие не названо, вы получите красивую страницу, с которой некуда идти.

Третий блок: содержимое. Перечислите разделы в том порядке, в каком хотите их видеть. Четвёртый: внешний вид. Палитра, настроение, пара примеров, на что похоже. Четвёртый блок стоит писать последним и коротко, потому что он меняется дешевле всех остальных.

Что писать самому, а что оставить генерации?

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

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

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

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

Чем сильная формулировка отличается от слабой?

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

Слабо Сильно Почему
«Сделай современно» «Много воздуха, один акцентный цвет, крупные заголовки» Ощущение переведено в параметры
«Добавь отзывы» «Три отзыва карточками, имя, фото, две строки текста» Задана форма и количество
«Нужна форма» «Форма: имя, телефон, кнопка "Записаться"» Названы поля
«Пусть будет солидно» «Тёмно-синий, засечный шрифт заголовков, без анимаций» Убрана вкусовщина
«Сайт как у Apple» «Крупное фото продукта на весь экран, минимум текста» Названо, что именно понравилось

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

Отдельная категория слабых формулировок это превосходные степени. «Лучший», «максимально конверсионный», «продающий» не содержат инструкции. Замените их на то, что вы под этим понимаете: кнопка выше первого экрана, цена видна сразу, телефон в шапке.

Сколько стоит ошибка в промпте?

Ровно одну правку, и это меняет отношение к первому прогону. Сборка стоит 6 кредитов, правка 3, режим Hi-Fi удваивает оба числа. Free даёт 5 кредитов единоразово, Pro стоит $25 в месяц и даёт 200 кредитов, Business стоит $99 в месяц.

Отсюда практический вывод: не вылизывайте первый промпт до совершенства. Дешевле собрать среднее и уточнить, чем полчаса сочинять идеальное описание. 200 кредитов Pro превращаются в 66 правок, если тратить их только на доводку, а типичный лендинг доходит до нужного вида за пять или десять.

Есть приём, который экономит заметную часть бюджета: собирайте несколько изменений в одно сообщение. «Сделай шапку темнее, добавь телефон в первый экран и убери слайдер» стоит столько же, сколько любая одиночная просьба. Три отдельных сообщения обойдутся втрое дороже за тот же результат.

Многостраничная платформа считается иначе: 12 кредитов за первые три страницы и по 3 за каждую следующую. Простая сборка занимает около минуты, сложная платформа несколько минут, и на это стоит закладываться при планировании вечера. Полная арифметика собрана в статье сколько стоит сайт или приложение нейросетью.

Как формулировать правки после первой сборки?

Так же конкретно, как первый промпт, но с указанием места. «Не нравится» не содержит адреса. «В блоке услуг цены слишком мелкие, сделай их крупнее заголовков карточек» содержит и адрес, и действие.

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

Ещё одна привычка: формулируйте от результата, а не от способа. «Хочу, чтобы телефон было видно на любом экране» лучше, чем «сделай position: fixed», потому что оставляет выбор реализации там, где он и должен быть. Как устроен этот цикл целиком, разобрано в статье как редактировать проект после генерации.

Чем промпт для приложения отличается от промпта для сайта?

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

Практически это означает три дополнительных предложения. Первое: кто пользователь и нужен ли вход. Второе: какие сущности хранятся, то есть что за списки, записи или заказы там живут. Третье: что человек с ними делает, то есть создаёт, редактирует, удаляет, отмечает выполненным.

Пример разницы. Для сайта достаточно фразы «раздел с ценами и форма заявки». Для приложения нужно «пользователь входит по почте, создаёт задачи с текстом и сроком, отмечает их выполненными, видит только свои». Второе описание длиннее ровно настолько, насколько сложнее задача.

Хранение данных и вход это отдельный слой, который подключается через Supabase, а оплата через Stripe. Называть эти сервисы в промпте не обязательно, важнее назвать поведение: «данные сохраняются между заходами», «каждый видит только своё». Как устроена база в собранном приложении, разобрано в статье приложение с Supabase.

Чего хороший промпт не исправит?

Четыре вещи, о которых честно знать заранее.

  • Отсутствие собственного содержания. Промпт не знает ваших цен, гарантий и настоящих отзывов. Страница без них выглядит опрятно и не убеждает никого.
  • Нерешённый вопрос, что вообще строить. Если вы сами не выбрали между каталогом и одностраничником, генерация выберет за вас, и выбор будет случайным.
  • Очень специфичная бизнес-логика. Необычные правила расчёта, интеграции с внутренними системами и нестандартные сценарии доводятся серией правок, а не одним идеальным описанием.
  • Сложный продукт целиком. Zugo не заменяет команду разработки там, где требование действительно нетривиальное. Он даёт быструю первую версию, с которой уже можно разговаривать.

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

С чего начать, если промпт всё равно не пишется?

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

Второй путь короче: напишите три предложения по схеме выше, соберите и посмотрите. Опубликованный проект живёт на адресе вида имя-проекта.zugo.run, свой домен подключается поверх. Опишите свою страницу на zugo.dev и потратьте первые кредиты на правки, а не на сочинение идеального текста.

← Все статьи