Планы в Вайб кодинге
Нам нужен план
Самая частая ошибка в вайбкодинге: пытаться съесть слона одним запросом сделать большую фичу, развернуть движок, собрать каркас приложения и так далее.
Нужна нам, скажем, форма авторизации. Мы не можем просто так взять и сказать: Йоу, сотвори форму авторизации😃
Потому что там нужны понятные: 1. Фронт (адаптив, состояния, UX) 2. Бэк (эндпоинты, сессии/токены, безопасность) 3. Миграции (таблицы, индексы, ограничения) и куча всего еще.
Вот мы и делаем план 🤖
В Cursor переключаетесь в режим Plan и пишете что-то вроде:
«Проанализируй проект и составь план по внедрению окна авторизации. Опиши фронт и бэк. Укажи миграции, проверки и критерии приемки». Можно даже сказать пожалуйста.🙏
И агент реально читает проект и потом такой: План по созданию формы авторизации
Цель — Пользователь может войти/выйти — Сессия сохраняется и корректно истекает — Защищенные страницы недоступны без авторизации
Ограничения — Не трогать существующие публичные роуты — Не менять схему users без миграции — Не ломать текущие интеграции — Не переписывать архитектуру «заодно», только то, что нужно для задачи
Шаг 1. Аудит текущего проекта — Где сейчас хранится пользователь (если уже есть) …
Шаг 2. Определить модель авторизации — Email+пароль / код на почту / оба варианта …
Шаг 3. Миграции и БД — users (если нет) + уникальность email …
Шаг 4. Бэкенд: эндпоинты — POST /auth/login …
Шаг 5. Фронтенд: UI и состояния — Страница/модалка авторизации …
Шаг 6. Интеграция — Auth store/provider …
Шаг 7. Проверки и тесты — Минимум: ручной чек-лист сценариев …
Критерии приемки — Логин/логаут работают стабильно … И вот такой темы сразу на много экранов. Этапы внедрения в самом конце
И вот тут самое вкусное🤤: читаешь план и видишь, чего не хватает. И пишешь: Накинь вход по коду на электронную почту И он переделывает. Не код. План.
Как только план готов — дальше по вкусу: — жмешь Build и агент делает по шагам (с дифами) — или если такого режима нет: открываешь второго агента, кидаешь ему PLAN.md и говоришь: «Выполни попунктно, после каждого пункта показывай, что поменялось и что проверить».
Claude Code Там план — это отдельный режим: Plan Mode. Сначала выбиваешь пошаговый план, правишь требования, и только потом выходишь из Plan Mode и начинаешь исполнение.
VS Code / GitHub Copilot Chat Там тоже есть «планирование» как отдельный этап: агент собирает todo/шаги, чтобы было понятно, что именно будет сделано, и уже потом запускаешь реализацию.
OpenAI Codex (CLI/IDE extension) У Codex план обычно живет как артефакт: PLAN.md / SPEC.md. Сначала просишь «собери план», потом «выполняй по шагам», а ты контролируешь дифы и проверки.
Что еще можно делать с планом
1. После того, как план собран, переключаемся в режим обычного общения и работаем как с обычной задачей. Можно, кстати, собрать еще один план, если что-то не получается или требования уточнились.
2. План можно и нужно кидать на проверку другим нейросетям, если задача важная.
Что полезно явно держать в плане: — Цель и не-цель (что не делаем) — Ограничения (что нельзя трогать) — Артефакты (какие файлы/таблицы/эндпоинты появятся) — Пошаговая реализация + проверка после каждого шага — Риски и откат (что может сломаться и как вернуть назад) — Критерии приемки (проверяемые)
Когда план особенно нужен — 🖲Поднять голый VPS до прод-готовности (пользователь, ssh hardening, firewall, nginx, сертификаты, postgres, бэкапы, мониторинг, логи, секреты, деплой) — 💰Внедрить оплату (webhook-и, идемпотентность, статусы, ретраи, миграции, аудит-лог) — 🛠Большой рефакторинг (план миграции, совместимость, фича-флаги, этапы)
Когда можно и без плана 1. Поправить класс 2. Переименовать пару переменных 3. Добавить простую проверку 4. Поправить верстку в одном месте
Было: Запрос → агент кодит → ты ревьюишь код → переделываешь
Стало: Запрос → агент планирует → ты ревьюишь план → агент кодит → ты контролируешь дифы
План — это ваш контракт с агентом. Агент делает план, вы с важным видом смотрите на генерацию 🖥 https://t.me/vibe_coders_only/61 #vibe_coding #cursor #агенты #workflow #планирование #Разработка