Одного промта, который выдаст готовый сайт, не существует: страница собирается за шесть заходов — карта страниц, тексты блоков, дизайн, код, сборка и проверка перед публикацией. У каждого шага свой вход, своя модель и свой результат. Ниже 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. Дизайн: палитра, шрифты, референсы
Просить «красиво» бесполезно: для модели это серо-синий градиент, скруглённые карточки и иконки-облачка, вид каждого второго сайта услуг.
Ты веб-дизайнер. Предложи визуальную концепцию: [САЙТ: одностраничник мастерской по ремонту кофемашин]. Настроение: [НАСТРОЕНИЕ: аккуратная мастерская, тепло, никакого глянца]. 1. Палитра из 5 цветов с HEX: фон, текст, акцент, фон второго уровня, кнопка. Контраст текста к его фону — не ниже 4.5:1, проверь пары цветов. 2. Пара шрифтов, бесплатных для коммерции, с размерами в px. 3. Отступы: базовая единица и шаг сетки в px. 4. Три референса словами: что взять и чего избегать. Никаких «современный минимализм»: только то, что вписывается в CSS.
Где запускать: Claude или ChatGPT. Контраст текста и фона проверьте сами: коэффициент модель называет по памяти, а светло-серый на белом под солнцем не читается.
Картинку для шапки заказывайте без надписей: вывеску генератор превратит в набор букв, похожих на латиницу. Заголовок ляжет сверху при вёрстке — как это собрать, в карточке hero-блок лендинга с продуктом.
Шаг 4. Код: одна страница, которая открывается в браузере
Файл честнее сборки в сервисе (про неё — шаг 5): он ваш и ложится на любой хостинг.
Собери одностраничный сайт в одном файле HTML, стили внутри <style>. Контент: [ТЕКСТЫ: вставьте блоки из шага 2]. Палитра и шрифты: [ДИЗАЙН: вставьте результат шага 3]. 1. Без фреймворков и внешних библиотек: файл должен открываться без интернета. 2. Семантика: header, main, section, footer; заголовки по уровням, без пропусков. 3. Адаптив на CSS без JS: от 320 px, одна точка перелома. 4. Кнопки на первом экране и внизу ведут на якорь формы. 5. Город и адрес — в видимом тексте, в hero и в подвале, не только в title. 6. Форма: имя, телефон, комментарий — с подписями; обработчик подключу сам, оставь комментарий, куда вписать. 7. Не сокращай многоточиями: нужен файл целиком.
Где запускать: Claude показывает страницу рядом с кодом в предпросмотре — правки видно сразу. Второй вариант — Qwen (с апреля 2026 — Qwen Studio) с режимом Web Dev: собирает страницу по описанию целиком. Код тянет и DeepSeek V4. Начало файла выглядит так:
<!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. Предполётная проверка
Забывают мета-теги, вид на телефоне и форму. Форма обиднее всего: страница пишет «Спасибо, мы свяжемся», а заявка никуда не уходит — обработчик не подключён.
Напиши служебную обвязку страницы [САЙТ: мастерская по ремонту кофемашин, Казань]. Пиши только факты из текста страницы: [ТЕКСТ СТРАНИЦЫ: вставьте готовые блоки] — не обещай ничего сверх него. 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
Сколько промтов нужно, чтобы собрать сайт?
Для одностраничника хватает семи: карта, первый экран, преимущества, цены, вопросы, сверка фактов, код. Тринадцать здесь потому, что есть развилки: кому-то нужен дизайн отдельно, кому-то сборка без кода, кому-то аудит готового файла. Берите свою ветку, лишние пропускайте: дольше всего идут тексты и код.
Можно ли одним промтом получить сразу весь сайт?
Получить можно, пользоваться — вряд ли. Длинный запрос выравнивает ответ в шаблон: первый блок ещё живой, дальше идёт заполнение формы. Плюс любая правка возвращает файл целиком, и вместе с ценами уезжает шапка. Шаги нужны, чтобы правка не ломала соседние блоки.
Что делать, если нейросеть выдала «рыбу»?
Добавьте в тот же промт список запрещённых слов и требование конкретики в каждом пункте. Не помогло — вставьте фактуру: три реальных вопроса клиентов, прайс, описание того, кому вы не подходите. Если и после этого текст усреднённый, промпт ни при чём: модели нечем наполнять блоки.
Нужен ли программист после нейросети?
Для одностраничника с текстом, картинками и формой обычно нет: файл открывается в браузере, правки делаются в том же чате. Программист нужен там, где появляются деньги и данные: корзина, оплата, личный кабинет, связь с учётной системой. Форму тоже надо к чему-то подключить.
Чем промт для лендинга отличается от промта для многостраничника?
В промте лендинга задаётся порядок блоков и одна цель, ради которой человек долистывает до формы. В промпте многостраничника — другое: какие страницы есть, что на каждой и какие куски у них общие. Второй обязан требовать единый стиль, иначе страницы разойдутся шрифтами.