ГлавнаяПрограмма
Купить уроки

Роадмап

Обновлено 19 сентября 2026

Роадмап вайбкодинга

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

Ниже девять тем в порядке работы над проектом. В каждой теме короткое объяснение и чеклист.

Англоязычный роадмап по теме: roadmap.sh/vibe-coding.

Прогресс

0 из 42

Галочки сохраняются в этом браузере. На сервер они не уходят.

  1. 01

    Работа с агентом

    0 / 4

    Агент пишет код по твоему описанию. Ты ставишь цель, проверяешь результат и указываешь на ошибки.

    Один запрос редко даёт готовый результат. Работай циклом: опиши задачу, получи код, проверь его, сформулируй правку.

    Агент не знает цели проекта и не проверяет свою работу. За результат отвечаешь ты.

    Разбор темы и источники

    Проверка входит в работу

    Проверяй результат сразу после каждой задачи. Ошибка, найденная через десять задач, стоит дороже.

    Инструменты

    Выбери инструмент под задачу. Терминальные агенты работают с большой кодовой базой. Генераторы интерфейса дают быстрый прототип.

    • Claude Code

      Терминальный агент Anthropic. Работает с большой кодовой базой, объясняет чужой код и ведёт отладку.

    • Codex

      Агент OpenAI. Работает в терминале и в облаке. Выполняет задачу по описанию на обычном языке.

    • Gemini CLI

      Терминальный агент Google. Генерирует код, объясняет его и выполняет рефакторинг.

    • Cursor

      Редактор на базе VS Code со встроенным агентом. Подходит для правок в большом проекте.

    • GitHub Copilot

      Дополнение к редактору. Предлагает строки и функции во время набора текста.

    • Devin

      Автономный агент. Выполняет задачу целиком: пишет код, запускает его и проверяет результат.

    • v0

      Генератор интерфейса от Vercel. Создаёт React-компонент по текстовому описанию.

    • Lovable

      Генератор приложений. Создаёт работающий фронтенд по текстовому описанию.

  2. 02

    Планирование

    0 / 4

    Определи объём работы до первой задачи. Запиши состав первой версии и раздели остальное на этапы.

    Дай агенту материалы: макет, скриншот, пример кода. Материал снимает часть вопросов.

    Храни план в файле проекта. План в переписке теряется при новой сессии.

    Разбор темы и источники

    План можно составить вместе с агентом

    Опиши идею и попроси разделить её на этапы. Затем попроси записать результат в файл проекта.

  3. 03

    Стек и структура кода

    0 / 5

    Агент точнее работает с распространёнными технологиями. На редких библиотеках он чаще вызывает несуществующие функции.

    Запиши правила стиля и структуры до начала работы. Без правил агент выберет их сам.

    Агент дописывает код в конец файла. Требуй разделения на модули.

    Разбор темы и источники

    Правила задают в начале

    Проверь первые ответы агента особенно внимательно. Агент повторяет принятые решения в каждой следующей задаче.

  4. 04

    Безопасность

    0 / 4

    Агент решает задачу по описанию. Он не проверяет права доступа и не ищет уязвимости без запроса.

    Храни ключи, пароли и токены в переменных окружения.

    Проверяй права доступа на сервере. Скрытая кнопка в интерфейсе не защищает данные.

    Разбор темы и источники

    Ключ в коммите считай открытым

    Удали ключ из кода и замени его новым. Удаление из истории коммитов не отменяет утечку.

  5. 05

    Постановка задач

    0 / 6

    Результат зависит от формулировки. Опиши одну задачу и укажи проверяемый результат.

    Приведи пример вместо описания. Пример задаёт требование точнее.

    Повторяющиеся требования запиши в контекст-документ: AGENTS.md или CLAUDE.md.

    Разбор темы и источники

    Обновляй контекст-документ после сложных задач

    Попроси агента дописать выводы сессии в контекст-документ. В следующей сессии он начнёт с них.

  6. 06

    Контекст

    0 / 4

    Агент знает только содержимое текущей сессии. Он не помнит проект и прошлые решения.

    Лишние данные снижают точность. Давай только то, что нужно для текущей задачи.

    Данные прошлой задачи влияют на новое решение. Начинай новую сессию под новую тему.

    Разбор темы и источники

    Длинный контекст не заменяет чистый

    Большое окно поднимает предел, но не отменяет отбор. Точность падает, когда в сессии много лишних данных.

  7. 07

    Отладка

    0 / 5

    Дай агенту точные данные: текст ошибки, стек вызовов и шаги воспроизведения.

    После двух неудачных попыток запроси список возможных причин. Проверяй причины по одной.

    Логи показывают место ошибки быстрее, чем чтение кода.

    Разбор темы и источники

    Исправление без причины возвращается

    Прочитай объяснение и убедись, что понял причину. Иначе ошибка повторится в другом месте.

  8. 08

    Контроль версий

    0 / 5

    Агент изменяет много файлов за одну задачу. Точка сохранения ограничивает потери.

    Делай коммит после каждой задачи, которая дала рабочий результат.

    Откатывай изменения через git. Встроенная отмена в инструменте не знает о твоих правках.

    Разбор темы и источники

    Коммит — это точка возврата

    Сообщение коммита объясняет, что изменилось и зачем. История помогает найти момент поломки.

  9. 09

    Тесты

    0 / 5

    Агент пишет реализацию. Тесты он добавляет только по запросу.

    Запрашивай тесты вместе с задачей. Тест, написанный после кода, повторяет его логику.

    Тесты позволяют менять код без проверки всего проекта вручную.

    Разбор темы и источники

    Тест по готовому коду ничего не проверяет

    Тест по готовому коду повторяет его логику и остаётся зелёным при ошибке замысла. Описывай ожидаемое поведение заранее.

База знаний

Прикладной альманах по работе с Codex и Claude Code: как ставить задачи, вести разработку, ревьюить, рефакторить и доводить проект до продакшена.
Открыть альманахРоадмап вайбкодингаРазборы тем
ЙЙ

Сухарев / ЙЙ.

Уроки вайб~кодинга для тех, кто хочет сделать приложение под реальную нагрузку в продакшене.

ТелеграмЛинкединГитхабИксЮтуб
© Сухарев. Все права защищены. Я завайбкодил этот сайт 🤼
Документы
Оферта и правила сервисаПолитика обработки персональных данныхСогласие на обработку персональных данныхСогласие на рекламную рассылкуРеквизиты