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

Как пользоваться

Семь уровней из карусели - условная схема, чтобы заметить, как ты работаешь с ИИ. Это не экзамен и не обязательный порядок: можно уже публиковать сайты, но ещё учиться составлять техзадание. Выбирай раздел по тому, где сейчас застревает твой проект

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

ТЗ - техническое задание: что должно получиться и как проверить результат. Агент - ИИ, который может читать файлы проекта, менять код и запускать проверки, если ему доступны нужные инструменты и разрешения

Уровень 1 → 2. Собеседник становится автором ТЗ

Признак первого уровня: пишешь «сделай мне сайт», а потом долго уточняешь, что вообще должно было получиться

Шаг: перед новым проектом или существенной функцией согласуй с Клодом техзадание. Для маленькой правки достаточно описать желаемое изменение и проверку результата

Фраза для Клода (копировать):

Я хочу сделать [что именно]. Пока не пиши код. Задавай мне вопросы по одному: для кого это, какую задачу решает проект, что человек делает первым, что должно быть на экране и что не входит в первую версию. Когда данных будет достаточно, собери техзадание и добавь проверяемые признаки готового результата. Покажи его мне для согласования

Прочитай ТЗ и поправь то, что не соответствует твоей задумке. Затем попроси план из следующего раздела. Можно продолжить в том же чате. Если переходишь в другой инструмент или новый чат, передай туда согласованные ТЗ и план

Уровень 2 → 3. Автор ТЗ становится архитектором

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

Шаг: до большой реализации попроси объяснить устройство проекта, данные, возможные сбои и порядок работы. У простой страницы может не быть базы данных и входа. У приложения с аккаунтами и оплатой эти решения нужно принять заранее

Фраза для Клода (копировать):

Вот согласованное техзадание: [вставить]. Прежде чем писать код, предложи простой план: 1) какие части нужны и как они связаны; 2) нужны ли хранение данных, вход и внешние сервисы; если нужны, где будут данные и почему; 3) что может пойти не так и как это заметить; 4) в каком порядке строить и как проверить каждый шаг. Не добавляй сложность без необходимости. Не угадывай недостающие условия, спроси меня. Пока без кода

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

Уровень 3 → 4. Архитектор переходит к работе с файлами

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

Шаг: выбери среду, где агент работает с файлами проекта. В карусели это «Вайбкодер в терминале»: главный навык здесь - работа с кодом проекта, а сам интерфейс может быть графическим. Claude Code, Codex и Cursor - примеры таких инструментов. Для начала хватит одного

Если не пользуешься редактором кода, можно начать с приложения Claude Desktop: скачай его с официального сайта, войди в аккаунт, открой вкладку Code, выбери Local и папку проекта через Select folder. Для этого пути не нужно отдельно устанавливать VS Code или работать в терминале. Нужна подписка Claude Pro, Max, Team или Enterprise. Пошаговая инструкция Anthropic

Если уже работаешь в VS Code, можно установить расширение Claude Code туда. Оно поддерживает вход с указанными платными планами Claude или через Claude Console с отдельной оплатой использования API. Инструкция для VS Code. Для первого прототипа в браузерном конструкторе переход в другую среду вообще не обязателен

Открой папку своего проекта и передай агенту согласованные ТЗ и план. Дай одну небольшую задачу: реализовать первый этап, показать изменения и выполнить предусмотренную проверку. Если проект пока живёт в другом сервисе, сначала выясни, как получить его файлы и запустить их; не переноси его вслепую

Куда смотреть: статья «Собери свой сайт, а не очередного близнеца» показывает отдельный маршрут через VS Code. Когда работа с файлами освоена, статья «Как найти, подключить и вызвать 6 скиллов» объясняет, как использовать готовые инструкции для повторяющихся задач

Уровень 4 → 5. Вайбкодер становится отладчиком

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

Шаг: опиши, какое действие вызвало ошибку и что ожидалось. Попроси изучить причину до правки. Если агент не видит проект, одного текста ошибки может не хватить

Фраза для Клода (копировать):

Вот что я пытался сделать: [описать]. Вот что произошло и текст ошибки: [вставить]. Пока не меняй код. Изучи доступные файлы и объясни простыми словами, что известно о причине, а что пока только предположение. Если данных не хватает, скажи, что нужно показать или как повторить ошибку. Предложи минимальное исправление и проверку, которая покажет, что ошибка устранена и прежнее поведение сохранилось

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

Уровень 5 → 6. Отладчик становится выпускающим

Признак пятого уровня: проект проходит локальные проверки, но будущие пользователи ещё не могут им пользоваться

Шаг: подготовь и опубликуй рабочую версию. Выпуск - это не только ссылка: нужны функции из ТЗ и проверка их работы после запуска. База данных, вход, оплата и собственный домен нужны тем проектам, где они предусмотрены. Для простой страницы достаточно подходящего хостинга

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

Фраза для Клода (копировать):

Помоги подготовить этот проект к публикации. Сначала изучи его и предложи подходящий способ: что нужно разместить, какие доступы потребуются, есть ли бесплатный вариант и его ограничения, что стоит денег. Не добавляй базу данных, вход, оплату или платный домен, если они не нужны по ТЗ. Пока не публикуй и ничего не покупай. После согласования проведи меня по шагам, а после запуска открой ссылку и проверь основные действия из ТЗ

Куда смотреть: статья «Собери свой сайт, а не очередного близнеца», блок «Как посмотреть и выложить»

Уровень 6 → 7. Выпускающий становится дирижёром агентов

Признак шестого уровня: ты умеешь запускать проект, но сам ведёшь исполнение и каждую проверку

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

Покупать второй инструмент для этого необязательно: в Claude Code есть субагенты, отдельные помощники с собственным контекстом. Другой вариант - связка Claude Code и Codex. Роли можно выбрать под задачу

Два установленных приложения или расширения сами по себе не соединены. Нужен настроенный способ передачи задания и результата; если его нет, ты переносишь их вручную. Исполнители не должны одновременно менять одни файлы. Проверяющий открывает результат и проверяет его по ТЗ

Фраза для Клода (копировать):

Вот задача: [описать]. Предложи, какую отдельную часть можно поручить другому агенту, а какую оставить ведущему. Для каждой части укажи результат и способ проверки. Сначала объясни, как в нашей среде передаются задание и результат: автоматически или мне нужно перенести их вручную. Не назначай двум исполнителям одновременную правку одних файлов. Проверяющий должен открыть результат и провести проверки, а не принять отчёт на слово

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

Уровень 7. Дирижёр агентов: что дальше

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

Шаг: выбери одну повторяющуюся задачу и настрой понятный цикл: входные данные, исполнитель, проверяющий и условия приёмки. Проверь его на одном реальном примере, прежде чем отдавать регулярную работу

Фраза для Клода (копировать):

Вот что на этой неделе приходилось делать руками: [перечислить]. Выбери одну повторяющуюся задачу, которую имеет смысл делегировать. Предложи, кто делает, кто проверяет, какие нужны данные и доступы и по каким признакам я принимаю результат. Скажи, что потребует отдельной настройки или моего участия. Сначала предложи план, ничего пока не запускай

Если непонятно, где ты

Можно уверенно владеть одним навыком и пока не освоить другой. Скопируй список, отправь Клоду и опиши конкретную задачу: полезнее найти недостающий шаг, чем получить красивый номер

Фраза для Клода (копировать):

Вот условная схема из семи уровней:
1. Собеседник - описываю желание и уточняю результат в чате
2. Автор ТЗ - согласую, что нужно сделать и как проверить готовность
3. Архитектор - планирую устройство проекта, данные и порядок работы
4. Вайбкодер в терминале - даю агенту доступ к коду проекта; интерфейс может быть графическим
5. Отладчик - разбираюсь в ошибке, вношу минимальную правку и проверяю её
6. Выпускающий - запускаю нужные функции проекта и проверяю их по доступной людям ссылке
7. Дирижёр агентов - разделяю работу и организую независимую проверку

Вот что я сейчас умею и где застреваю: [описать]. Задай уточняющие вопросы, если нужно. Не присваивай мне точную оценку: назови, какие навыки уже видны, чего не хватает для моей задачи и какое одно действие стоит попробовать следующим

Следующий шаг выбирай по препятствию: расплывается результат - уточни ТЗ; теряются файлы - наладь работу с проектом; повторяется ошибка - займись отладкой; нет доступа у пользователей - подготовь выпуск; много ручного управления - проверь разделение ролей