🚫 ЧТО НЕ ТАК С ПЛОХИМ ПРОМПТОМ? «Напиши сайт как у Apple, с анимацией и базой данных. Сделай красиво.» → ИИ сам решит, что ему «красиво», добавит 5 ненужных фреймворков, придумает API, которого нет, и вставит кучу левого CSS.

✅ ПРАВИЛЬНЫЙ ПРОМПТ: 4 СТОЛПА

1. Роль и контекст 2. Чёткая задача (что именно сделать) 3. Жёсткие ограничения (что НЕ делать) 4. Формат вывода (как выдавать результат)

📌 ПРИМЕР ХОРОШЕГО ПРОМПТА (React-компонент) Ты — эксперт по React. Напиши компонент кнопки Button со свойствами: текст, тип (primary/secondary), обработчик клика. Кнопка должна быть без сторонних библиотек, только чистый CSS модули. Не добавляй иконки, тултипы, анимации, роутинг. Не используй TypeScript, только JS. Выдай один файл Button.jsx и один Button.module.css. Не пиши пояснения, только код.

ИИ даст ровно два файла, без выдумок.

🔒 КАК ОГРАНИЧИТЬ ИИ, ЧТОБЫ НЕ ГАЛЛЮЦИНИРОВАЛ Явно запрещайте:

· Не используй API/библиотеки, которые я не указал. · Не добавляй функциональность, не описанную в задаче. · Не создавай файлы, кроме перечисленных. · Не пиши демо-данные или примеры использования (если не просили). · Не придумывай ошибки и fallback-логику, если не нужно. · Не используй alert, console.log (только если нужно для дебага).

Хорошо срабатывает фраза: «Если ты не уверен в чём-то — лучше пропусти или спроси, не выдумывай».

📋 ПЛОХОЙ ПРОМПТ → ХОРОШИЙ ПРОМПТ (сравнение)

Плохо: «Сделай форму регистрации на HTML и JS, чтобы выглядела модно» → ИИ добавит анимацию полей, валидацию на левых regex, запрос к несуществующему серверу.

Хорошо: «Создай форму регистрации: поля имя, email, пароль. Кнопка “Зарегистрироваться”. Требования: простая HTML/CSS (без flex/grid, только блочная вёрстка). JS: при клике собирает данные и выводит в консоль объект. Не проверяй валидность email, не добавляй подтверждение пароля, не отправляй данные на сервер, не используй localStorage. Код одной страницей в одном файле index.html. Без комментариев внутри кода.»

Видите разницу? ИИ точно знает границы.

💡 ЕЩЁ ПАРА ТРЮКОВ ПРОТИВ ГАЛЛЮЦИНАЦИЙ

· Просите указывать версии библиотек. Иначе может вставить функцию из React 19, а у вас 18. · Добавляйте: «Если какая-то библиотека нестандартна — напиши её название в начале, я подтвержу». ИИ часто выдумывает npm-пакеты. · Для сложных задач разбивайте на шаги. Первый промпт: только структура файлов. Второй: логику. Третий: стили. · Указывайте «не используй async/await, если не нужна асинхронность».

🎯 ИТОГ: ШАБЛОН ПРОМПТА ДЛЯ ВАЙБКОДИНГА Роль: [кто ты] Задача: [что сделать] Ограничения: [чего НЕ делать] Формат: [как выдать результат] Доп. условие: [если сомневаешься — спроси, а не выдумывай]

Скопируйте этот шаблон и вставляйте в ChatGPT, Claude, DeepSeek — галлюцинаций станет в разы меньше, а код будет именно таким, как вы хотели.

Вайбкодинг — здорово, но порядок в голове и строгий промпт спасают от хаоса. Пробуйте, правильные ограничения не убивают вайб, они делают его продуктивным. ✨