Результат в вайбкодинге напрямую зависит от того, насколько хорошо вы формулируете задачу. Плохой промпт → код не то. Хороший промпт → 80% работы сделано с первого раза. Вот как писать промпты, которые работают.
Принцип 1: Конкретность важнее краткости
Плохо: «Сделай форму регистрации» Хорошо: «Создай форму регистрации с полями: Имя (обязательное), Email (обязательное, с валидацией формата), Пароль (минимум 8 символов, показать/скрыть). Кнопка "Создать аккаунт". При пустых обязательных полях показывать сообщение под полем красным текстом. После успешной отправки — сообщение "Аккаунт создан".»
Принцип 2: Описывайте поведение, а не только внешний вид
Плохо: «Сделай красивую кнопку» Хорошо: «Кнопка с текстом "Начать бесплатно", фон #7C3AED, белый текст, скруглённые углы 8px. При наведении — фон темнее на 10%. При клике — открывает модальное окно с формой.»
Принцип 3: Разбивайте большие задачи на шаги
Не пытайтесь описать всё приложение в одном промпте. Ошибки накапливаются.
Правильно: 1. «Создай базовую структуру страницы: navbar с логотипом и кнопкой входа, hero-секция с заголовком и CTA, footer.» 2. «Добавь секцию с тремя карточками преимуществ — иконка, заголовок, текст.» 3. «Теперь добавь форму заявки с полями...»
Принцип 4: Давайте контекст
Хороший промпт содержит:
- Что создаём: тип продукта / страницы
- Для кого: аудитория, сценарий использования
- Технические ограничения: стек, если важен (React, vanilla JS, Python)
- Стиль: примеры референсов или описание дизайна
Принцип 5: Используйте правила проекта (rules / CLAUDE.md)
В Cursor и Claude Code можно создать файл с правилами проекта: «Всегда используй Tailwind CSS», «Компоненты на React, стейт через useState», «Комментарии на русском языке». Это избавляет от повторения инструкций в каждом промпте.
Как исправлять ошибки
Когда что-то не работает — копируйте текст ошибки из консоли и отправляйте ИИ: «Получил ошибку: [текст]. Что не так и как исправить?» Не спрашивайте «почему не работает» без деталей — ИИ не видит вашего экрана.
Шаблон хорошего промпта
``` Контекст: [что это за проект, стек] Задача: [что нужно сделать] Детали: [поля, поведение, стиль] Ограничения: [чего не делать / что учесть] ```
Итог: промпт — это техническое задание для ИИ. Чем точнее вы описываете что, для кого и как должно вести себя, тем меньше итераций понадобится. Навык написания промптов — это и есть главный навык вайбкодинга.