Промпты для вайбкодинга: структура запроса, которая даёт рабочий код

Рабочий промпт в вайбкодинге — это не просьба «сделай мне сайт», а короткое техзадание: что должно работать, для кого, на чём и по каким признакам вы поймёте, что готово. Насколько это важно, показывают цифры самого раздела: по 597 вайбкодинг-чатам NeuralSpace за всю историю раздела медианное первое описание проекта — 91 символ, то есть одна фраза. В чатах с таким однострочным стартом пользователь в среднем пишет 1,7 сообщения — разговор заканчивается после первого ответа. А там, где описание длиннее 800 символов, в среднем уже 3,0 сообщения от пользователя: проект живёт, его дорабатывают и доводят до ума (источник — обезличенная история генераций раздела вайбкодинг, агрегаты без привязки к аккаунтам). Ниже — структура запроса, которая даёт рабочий код с первых итераций, разбор на одном примере и набор готовых формулировок для правок.

Почему «сделай мне сайт» не работает

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

Шесть блоков рабочего промпта

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

• Результат и поведение. Что приложение должно делать, а не как оно устроено внутри: «посетитель выбирает дату и оставляет заявку, заявка сохраняется и видна мне на отдельной странице».
• Контекст и аудитория. Для кого это: «сайт мастерской по ремонту велосипедов, заходят с телефона, возраст 25–45».
• Стек и ограничения. Что использовать и чего избегать: «одна HTML-страница без сборки и фреймворков», «данные хранить в localStorage», «без внешних платных API».
• Данные и примеры. Реальные названия, тексты, числа вместо рыбы: три настоящие услуги с ценами, настоящий текст о компании. На реальных данных агент верстает правдоподобнее, а вам не придётся менять заглушки руками.
• Критерии готовности. Как вы поймёте, что всё работает: «готово, когда: открывается с телефона, форма после отправки показывает подтверждение, заявки видны на скрытой странице /admin».
• Стоп-лист. Чего делать не надо: «не добавляй авторизацию и регистрацию, не подключай оплату, не используй тёмную тему».

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

Один проект — два промпта

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

Сильный вариант того же проекта: «Сделай одностраничное приложение-трекер привычек без фреймворков, на чистом HTML+JS, данные в localStorage. Привычек может быть до 10, у каждой — название и цвет. На главном экране сетка карточек: клик по карточке отмечает привычку выполненной за сегодня, счётчик серии дней растёт при ежедневных отметках и сбрасывается при пропуске. Внизу — простая статистика за неделю: сколько дней выполнено из 7. Стиль — светлый, крупный шрифт, всё должно работать на экране 390 пикселей шириной. Готово, когда: привычку можно добавить, отметить, удалить, а данные не пропадают после перезагрузки страницы. Авторизацию и синхронизацию с сервером не делай». Второй запрос длиннее в десять раз — и именно он обычно даёт рабочий код с первой-второй итерации, потому что у модели нет ни одного места, где ей пришлось бы гадать.

Промпты итераций: правки без поломок

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

• Правка = экран + элемент + желаемое поведение. Не «переделай главную», а «на главном экране кнопка „Отметить“ слишком бледная — сделай её контрастной и увеличь». Точечные правки не задевают то, что уже работает.
• Ошибка = текст ошибки целиком. Если что-то сломалось, скопируйте сообщение об ошибке в чат и добавьте, что вы делали: «при нажатии „Сохранить“ пишет TypeError, воспроизвожу в Chrome». Агент чинит по стек-трейсу заметно точнее, чем по описанию «не работает».
• Расширение = «добавь», а не «переделай». «Добавь к статистике график за месяц» сохраняет работающий код; «переделай статистику» рискует сломать неделю.
• Откат = версии проекта. Если после правки что-то развалилось, быстрее откатиться к предыдущей рабочей сборке в «Версиях проекта», чем объяснять агенту, что именно отвалилось.

Как попробовать на NeuralSpace

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

Какую модель выбрать под промпт

Выбор модели тоже влияет на то, сколько итераций понадобится. По истории вайбкодинг-чатов NeuralSpace за всё время раздела (662 чата) 62% диалогов идут на Kimi K2.5 — 410 чатов, ещё около 9% — на Claude Sonnet 4.5 (источник — обезличенная история генераций раздела). Народная статистика сложилась не случайно: Kimi K2.5 заметно дешевле и для типовых проектов — лендингов, трекеров, дашбордов, простых игр — хватает с запасом. Если проект с нетривиальной логикой (состояния, расчёты, много экранов), берите Claude Sonnet 4.5: он дороже, но точнее держит замысел в длинных диалогах. Переключение — в один клик в том же интерфейсе, так что разумная схема такая: черновик на недорогой модели, финальная сборка на сильной. Подробное сравнение моделей по цене и качеству — в отдельной статье «Какой ИИ выбрать для вайбкодинга», а первый проект с нуля по вечерам разобран в материале «Вайбкодинг с нуля».

Частые вопросы

Можно ли писать промпт на русском?

Да. Модели в разделе вайбкодинга понимают русский и пишут ответы по-русски; интерфейс сайта тоже русифицирован. Структура «результат — контекст — ограничения — данные — критерии — стоп-лист» работает на любом языке.

Насколько длинным должен быть промпт?

Достаточным, чтобы у модели не осталось мест для догадок. Для лендинга хватает 5–8 строк, для приложения с логикой — 15–25. Ориентир не в символах, а в блоках: если описаны поведение, ограничения и критерии готовности, длины достаточно.

Агент сделал не то. Что писать в чат?

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

Можно ли переиспользовать один промпт для разных проектов?

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