Промты для создания сайта: 13 готовых промтов по шагам

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

Почему сайт не собирается одним запросом

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

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

Шесть заходов и слабое место каждого:

Шаг 1. Карта страниц: что на сайте вообще должно быть

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

Ты веб-редактор. Спроектируй структуру сайта: [БИЗНЕС: мастерская по ремонту кофемашин, Казань, работают двое].
Клиент: [КЛИЕНТ: у него течёт домашняя кофемашина]. Цель: [ЦЕЛЬ: заявка на диагностику].
1. Реши, хватит ли одной страницы или нужно 3-5, объясни одной фразой.
2. Дай список страниц и порядок блоков на главной.
3. К каждому блоку: вопрос клиента, ответ на который он даёт; что внутри; что видно на телефоне без прокрутки.
4. Три блока, которые в этой нише НЕ нужны, и почему.
Ограничения: [ОГРАНИЧЕНИЯ: своих фото нет, отзывов два, цены только «от»].
Тексты не пиши, только каркас.

Где запускать: любая текстовая — ChatGPT, DeepSeek, GigaChat, Алиса: вход короткий, разницы не будет.

Шаг 2. Тексты: первый экран, суть, преимущества, цены, вопросы

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

Напиши первый экран (hero) для [БИЗНЕС: мастерской по ремонту кофемашин].
Дай 5 непохожих вариантов: заголовок до 9 слов, подзаголовок до 20 слов, кнопка 2-3 слова.
1. В заголовке — результат клиента или снятая боль, не название компании.
2. Запрещены слова: качественно, профессионально, индивидуальный подход, широкий спектр.
3. Один вариант — с цифрой или сроком: [ФАКТ: диагностика в день обращения, ремонт от 2 дней].
4. Один вариант — прямой вопрос клиента его словами.
5. Варианты должны различаться подходом.
Под каждым — строка «кому зайдёт».

Где запускать: GigaChat или Алиса: по нашим прогонам у русскоязычных моделей меньше кальки вроде «Раскройте потенциал кофемашины».

Два варианта из пяти:

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

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

Второй — та самая «рыба»: «профессиональный», «гарантия качества», «работоспособность». Он появится, даже если запретить пять слов. Не переписывайте, выбрасывайте: работает первый — боль, срок, цена заранее.

Напиши блок «Как это работает» для [УСЛУГА: ремонта кофемашины].
Шаги: [ШАГИ: заявка, диагностика, согласование цены, ремонт, возврат с гарантией].
Для каждого: заголовок 2-4 слова, предложение сути, срок или условие.
Добавь строки «что делаете вы» и «что делаем мы».
Тон: [ТОН: как говорит мастер, а не отдел маркетинга]. Без вводных и без слова «просто».

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

Переведи свойства в выгоды. Свойства: [СВОЙСТВА: свой склад запчастей; чиним рожковые и автоматические; забираем и привозим по городу; гарантия 6 месяцев].
Для каждого: что даёт клиенту в его обычном дне — фразой без прилагательных; чем подтвердим на странице (фото, документ, число); пометка «подтвердить нечем», если подтверждения нет.
Что есть у всех конкурентов, отметь как слабое.
Верни 5 пунктов до 15 слов. Не добавляй свойств, которых я не называл.

Где запускать: ChatGPT или DeepSeek. Пункт «подтвердить нечем» спасает блок от списка пожеланий.

Собери блок с ценами для [БИЗНЕС: мастерской по ремонту кофемашин].
Исходные: [ЦЕНЫ: диагностика бесплатно при ремонте, отдельно 900; чистка от 2500; замена помпы от 3800; выезд 400].
Сделай 3 группы работ или 3 пакета — что честнее, реши сам и объясни строкой.
В каждом: название человеческим языком (не «Базовый»), что входит, что нет, кому подойдёт.
Под блоком: от чего зависит финальная цена.
Не придумывай услуг и сумм сверх списка. Не пиши «цена по запросу».

Где запускать: любая, но арифметику пересчитайте руками: «итого» читают все.

Собери блок вопросов и ответов для страницы [САЙТ: ремонт кофемашин].
Возражения: [ВОЗРАЖЕНИЯ: дешевле купить новую; вдруг сломаете хуже; сколько ждать; работаете ли с моей моделью; заберёте ли сами; что если не почините].
Ответ: первое предложение — прямое (да, нет, срок), второе — условие. До 40 слов.
Зависит от случая — так и пиши: «скажем после диагностики».
Не обещай того, что я не подтвердил. Спорное помечай звёздочкой; под блоком — одна строка-расшифровка, что звёздочка означает.

Где запускать: Алиса, GigaChat или ChatGPT. Возражения берите из мессенджера — семь вопросов за последний месяц. Нужен цельный текст лендинга — карточка продающий текст лендинга по AIDA.

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

Сверь факты между блоками страницы, ничего не переписывая.
Тексты: [БЛОКИ: вставьте всё из шага 2 разом — hero, как работает, выгоды, цены, вопросы].
1. Выпиши каждое число, срок, цену и обещание: гарантия, доставка, что бесплатно.
2. Сведи таблицей: факт | где встречается | версии расходятся?
3. По каждому расхождению спроси, какая версия верна. Сам не выбирай и тексты не правь.

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

Шаг 3. Дизайн: палитра, шрифты, референсы

Промт на дизайн задаёт не настроение, а цифры: пять цветов с HEX, контраст текста к фону не ниже 4.5:1, пару бесплатных шрифтов с размерами в px и шаг сетки. Всё, что не переводится в CSS, модель понимает по-своему. Просить «красиво» бесполезно: для модели это серо-синий градиент, скруглённые карточки и иконки-облачка.

Ты веб-дизайнер. Предложи визуальную концепцию: [САЙТ: одностраничник мастерской по ремонту кофемашин].
Настроение: [НАСТРОЕНИЕ: аккуратная мастерская, тепло, никакого глянца].
1. Палитра из 5 цветов с HEX: фон, текст, акцент, фон второго уровня, кнопка.
Контраст текста к его фону — не ниже 4.5:1, проверь пары цветов.
2. Пара шрифтов, бесплатных для коммерции, с размерами в px.
3. Отступы: базовая единица и шаг сетки в px.
4. Три референса словами: что взять и чего избегать.
Никаких «современный минимализм»: только то, что вписывается в CSS.

Где запускать: Claude или ChatGPT. Контраст проверьте сами: светло-серый на белом под солнцем не читается.

В картинке для шапки заголовок сайта рисовать не нужно: «Ремонт кофемашин в Казани» живёт в коде страницы — его читает поиск, а опечатка правится за десять секунд без перегенерации. Надпись-предмет — другое дело: вывеску над дверью ChatGPT держит, если отдать её точной строкой (над дверью вывеска, на ней русскими буквами: «Кофемашины. Ремонт»), и старый совет «буквы в кадр не заказывать» устарел — правда, сверять придётся буква в букву, лишняя палочка в «Ш» видна с двух метров. Бесплатные Шедеврум и Kandinsky возвращают месиво, где половина букв латинские: вместо «РЕМОНТ» — «PEMOHT». Поэтому место под заголовок описывают как поверхность (стена над входом: ровная однотонная штукатурка): дайте пустоте назначение — и модель что-нибудь туда напишет, своё и нечитаемое. Так собрана карточка hero-блок лендинга с продуктом (промт английский, под Midjourney), а разбор букв в кадре по сетям — в статье про промты для генерации изображений.

Шаг 4. Код: одна страница, которая открывается в браузере

Код одностраничника модель отдаёт одним файлом HTML со стилями внутри: он открывается в браузере без интернета и ложится на любой хостинг. Правку просят точечно — «отдай только изменённые правила», — иначе вернётся весь файл и уедет вёрстка соседей. Файл честнее сборки в сервисе (про неё — шаг 5): он ваш.

Собери одностраничный сайт в одном файле HTML, стили внутри <style>.
Контент: [ТЕКСТЫ: вставьте блоки из шага 2]. Палитра и шрифты: [ДИЗАЙН: вставьте результат шага 3].
1. Без фреймворков и внешних библиотек: файл должен открываться без интернета.
2. Семантика: header, main, section, footer; заголовки по уровням, без пропусков.
3. Адаптив на CSS без JS: от 320 px, одна точка перелома.
4. Кнопки на первом экране и внизу ведут на якорь формы.
5. Город и адрес — в видимом тексте, в hero и в подвале, не только в title.
6. Форма: имя, телефон, комментарий — с подписями; обработчик подключу сам, оставь комментарий, куда вписать.
7. Не сокращай многоточиями: нужен файл целиком.

Где запускать: Claude показывает страницу рядом с кодом — правки видно сразу. Второй вариант — Qwen с режимом Web Dev. Код тянет и DeepSeek. Начало файла выглядит так:

<!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Ремонт кофемашин в Казани — диагностика в день обращения</title>
  <style>
    :root { --bg:#FBF7F1; --text:#2A2521; --accent:#1F5D4C; }
    body { margin:0; font: 17px/1.55 Georgia, serif; color:var(--text); background:var(--bg); }

Что смотреть: есть ли viewport — без него телефон покажет десктопную копию; не мельче ли шрифт 16 px; нет ли внешних шрифтов. А когда поехало, не просите «переделай».

Правь только то, что назову: порядок блоков, классы и тексты остаются как есть.
Проблема: [ПРАВКА: на телефоне таблица цен уезжает за правый край, кнопка на первом экране сливается с фоном].
1. Назови причину каждой проблемы одной строкой.
2. Отдай ТОЛЬКО изменённые правила CSS и строки HTML, не файл целиком.
3. Скажи, что проверить глазами после правки.
Нужно менять структуру — сначала спроси, не переписывай молча.

Где запускать: в том же чате, где родился файл: модель видит свой код и не выдумывает классы.

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

Шаг 5. Если код вам не нужен: сборка описанием

Сборка описанием — способ получить не файл, а ссылку: сайт собирает сервис с ИИ, а вы правите его словами в чате. От вас нужен один бриф — что за проект, какие блоки и чего делать не надо.

Kimi в агентном режиме возвращает готовые файлы сайта — сценарий в карточке готовый лендинг под услугу файлами; у Qwen для того же есть Web Dev. Из российских — Vibecraft от Yandex B2B Tech, открытый публично 25 июня 2026 года: задачу описывают в чате, помощник уточняет аудиторию и функции и собирает сайт или веб-приложение с личным кабинетом и базой данных, публикует на своём домене.

Составь бриф для ИИ-сборщика сайтов — одно сообщение для чата сервиса.
Проект: [ПРОЕКТ: одностраничник мастерской по ремонту кофемашин с формой заявки].
1. Кто пользователь и что делает на странице.
2. Блоки по порядку с текстами: [ТЕКСТЫ: вставьте свои из шага 2].
3. Что сервис сохраняет: [ДАННЫЕ: имя, телефон, модель кофемашины, описание поломки].
4. Что человек видит после отправки формы.
5. Чего делать НЕ надо: [ЗАПРЕТЫ: регистрация, личный кабинет, оплата, всплывающий чат].
6. Приёмка: [ПРИЁМКА: заявка приходит на почту, страница читается на 360 px, ссылки живые].
Пиши сплошным текстом, без markdown.

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

Шаг 6. Предполётная проверка

Предполётная проверка — два последних промта: служебная обвязка страницы (title, description, h1, alt, og) и аудит кода по списку. Числа знаков и отправку заявки после этого проверяют руками. Обиднее всего форма: страница пишет «Спасибо, мы свяжемся», а заявка никуда не уходит.

Напиши служебную обвязку страницы [САЙТ: мастерская по ремонту кофемашин, Казань].
Пиши только факты из текста страницы: [ТЕКСТ СТРАНИЦЫ: вставьте готовые блоки] — не обещай ничего сверх него.
1. title до 60 знаков: услуга и город, без названия компании в начале.
2. description 140-160 знаков: что делаем, для кого, с призывом.
3. h1, не повторяющий title.
4. alt к картинкам: [КАРТИНКИ: мастер за работой, снятая помпа, полка с запчастями].
5. og:title, og:description и что видно на og:image.
Посчитай знаки в title и description и напиши числа рядом.

Где запускать: любая. Числа пересчитайте сами: модель видит текст кусками-токенами, а не буквами.

Проверь код страницы перед публикацией. Файл: [КОД: вставьте свой HTML целиком].
По каждому пункту скажи «ок» или что сломано, с номером строки:
1. Мета: title, description, viewport, lang, charset.
2. Телефон: нет горизонтальной прокрутки на 360 px, текст не мельче 16 px, кнопки не ниже 44 px.
3. Формы: у полей подписи, есть сообщение после отправки, телефон принимается и с +7, и с 8.
4. Ссылки и якоря ведут куда-то, внешние — в новой вкладке.
5. Телефон кликабельный, контакты видны с любого места.
Верни таблицу «пункт | статус | что чинить», сначала критичное.

Где запускать: ChatGPT, Claude или DeepSeek: файл влезает в контекст любого. Потом откройте страницу на телефоне и отправьте форму сами. Что менять на работающей странице — другая работа: план A/B-теста гипотез лендинга.

Выдало шаблонный лендинг: что дописать в промт

Шаблонный текст лечится не переписыванием, а дописками к тому же промту: список запрещённых слов, требование числа или срока в каждом пункте и ваша фактура. Дописывают по одной за раз — иначе не видно, какая сработала.

Если и после трёх доработок текст усреднённый — дело не в промте: у модели нет вашего прайса и переписки, а выдумывать их она не должна. Соберите фактуру, вставьте в промт — и тот же запрос выдаст другой текст.

Что останется на вас в любом случае

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

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

FAQ

Сколько промтов нужно, чтобы собрать сайт?

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

Можно ли одним промтом получить сразу весь сайт?

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

Что делать, если нейросеть выдала «рыбу»?

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

Нужен ли программист после нейросети?

Для одностраничника с текстами, картинками и формой программист обычно не нужен: файл открывается в браузере, правки делаются в том же чате. Он нужен там, где появляются деньги и данные: корзина, оплата, личный кабинет, обмен с учётной системой. Отдельный пункт — форма: свёрстанная заявка никуда не уходит, пока её не подключат.

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

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