Vibe Coding Toolkit
Vibe Coding Toolkit
Реальный процесс разработки с ИИ-помощью — проверенный в продакшене, а не в теории.
О проекте
Программировать с ИИ кажется простым, пока вы не замечаете, что «вставить большой промпт и надеяться» — это не процесс, а лотерея. Vibe Coding Toolkit — противоположность этому: это процесс, который я использую каждый день в настоящем production-коде, чтобы ИИ-агент (в первую очередь Claude Code, но многое справедливо и для Codex от OpenAI) работал как полноценный член команды — а не как гиперактивный стажёр, за которым нужна нянька.
Каждая часть здесь существует потому, что решила реальную проблему: сессии, которые теряли нить разговора; агенты, которые строили больше, чем просили; warnings линтера (инструмента, анализирующего код на рискованные паттерны без запуска), которые никто никогда не обнулял; дорогие уроки, повторявшиеся в каждой новой сессии, потому что ничего не фиксировалось. Ничего не добавлено просто «потому что выглядело классно» — если что-то здесь есть, значит, оно как минимум однажды предотвратило реальную проблему.
Пара слов о прозрачности: практики отсюда взяты из реального приватного production-проекта (финтех, под NDA) — исходный код показать нельзя, поэтому здесь представлен извлечённый и обобщённый метод, а не публичный changelog того проекта. Поэтому история этого репозитория короткая — здесь метод документируется, а не создавался.
Для кого это: разработчики любого уровня — если появляется технический термин, он объясняется тут же, при первом упоминании — которые уже используют или тестируют Claude Code / Codex и хотят структурированный процесс вместо проб и ошибок.
Superpowers — в первую очередь
[!IMPORTANT]
Superpowers, по скромному мнению автора, — самый мощный инструмент всего этого набора. Это не просто очередной плагин — это дисциплина, которая гарантирует, что агент сначала исследует намерение запроса, планирует и только потом пишет код, вместо того чтобы рисковать первой правдоподобной интерпретацией неоднозначного запроса. Всё остальное в этом репозитории поддерживает эту часть; она одна уже меняет поведение всей сессии.
Если вы настроите из этого репозитория только одну вещь — пусть это будет она: прочтите документацию Superpowers перед любым другим инструментом отсюда.
Два других документа заслуживают такого же внимания, даже без «прожектора» стороннего инструмента: оркестрация сабагентов параллельными волнами (протокол, устраняющий коллизии файлов и споры за коммиты на уровне структуры, а не дисциплины — ничего подобного не встречалось ни в одной сторонней коллекции, которую я искал для этого репозитория) и quality gates ESLint/Biome (повышение предупреждения до ошибки как отслеживаемая миграция, границы архитектуры, навязанные через линт). Если Superpowers — двигатель, то эти два — шасси.
Начните здесь
Если вы тут впервые, не пытайтесь читать всё по порядку — сразу идите в полный Playbook. Это гайд по онбордингу с нуля до реального проекта с работающим полным окружением, с примером от начала до конца вместо разрозненной теории.
Пара тизеров того, что вас там ждёт — первые команды, до чего-то более сложного. Заметьте: это «скопируй правильный файл, введи правильную команду» — (пока) не существует установщика, который сам определяет ваш стек и пишет всё за вас. Если нужно именно это — переходите сразу к сокращению aia-harness (/aia-harness:init), оно собирает основу само; остальное в этом репозитории станет материалом для понимания того, что было собрано, а не для ручной сборки с нуля:
npm install -g @anthropic-ai/claude-code
/plugin marketplace add anthropics/claude-plugins-official
/plugin install superpowers@claude-plugins-official
cp templates/CLAUDE.md.template CLAUDE.md
Эти команды устанавливают Claude Code, активируют самый важный инструмент набора и кладут шаблон инструкций проекта на нужное место. Остальное — оркестрация сабагентов, quality gates, память между сессиями — Playbook показывает по порядку, с объяснением зачем нужна каждая часть перед тем, как это устроено.
Или: только ESLint, одной строкой
Если вы не хотите устанавливать ничего из набора, а только хотите получить правила линта этого репозитория в своём проекте — включая потолок 350 строк на файл — вставьте это своему агенту (Claude Code, Codex, Cursor — любому, кто умеет читать URL):
Прочитай промпт из файла 08-eslint-quality-gates-install.md и выполни его в этом проекте. Используй MAX_LINES=350.
Он скачает три уже написанные и протестированные правила, адаптирует конфигурацию под реальную структуру вашего проекта и вернёт список файлов, превысивших потолок. Ничего не исправляет — измерение и исправление это две отдельные задачи.
Когда захотите, чтобы он исправил — замените 08- на 09-file-size-refactor.md: тогда он разобьёт большие файлы на модули поменьше, резав по ответственности (бизнес-логика, UI-компонент, доступ к данным), а не по количеству строк, по одному файлу на коммит, с прогоном тестов и проверкой типов между каждым.
Оба документа целиком: 08 — установить и измерить, и 09 — разбить большие файлы.
Оглавление
- О проекте
- Superpowers — в первую очередь
- Начните здесь
- Полный процесс
- Как использовать этот репозиторий
- Полная документация
- Авторы
- Лицензия
Полный процесс
От установки до первого прошедшего ревью коммита — это полный путь, и на нём видно, где каждый инструмент набора вступает в игру. Ключевая часть появляется рано: сабагенты (отдельные экземпляры главного агента, каждый специализирован на своей роли — ревьюер, база данных, тесты) делают основную работу, пока главная сессия только планирует и принимает решения.
На схеме ниже основной путь — линия времени слева направо; круги — вспомогательные инструменты, которые не являются этапами: они активны постоянно и формируют то, как этапы происходят «под капотом». Quality gates — один из таких: защищает каждый коммит, это не одноразовый шаг, который выполнил и забыл.
ИНСТАЛЛЯЦИЯ (Claude Code + плагины)
→ НАСТРОЙКА ПРОЕКТА (CLAUDE.md + hooks)
→ BRAINSTORM → ПЛАН (всё под управлением Superpowers)
→ ОРКЕСТРАЦИЯ САБАГЕНТОВ (параллельные волны)
→ МНОГОАГЕНТНОЕ РЕВЬЮ
→ КОММИТ / ЗАПУСК
Поддерживающие слои (активны постоянно):
Graphify + Context7 — ориентируют до написания кода
RTK — удешевляет всю сессию
Ponytail + Caveman — управляют «что» и «как»
Память (Claude + Obsidian) — контекст при старте и запись уроков в конце
Quality gates — защищают каждый коммит
Обратите внимание: RTK, Ponytail, Caveman, граф Graphify (с Context7 рядом, ориентирующим до кодинга) и Quality gates — не остановки на пути, а постоянно активные слои. Одна оговорка про RTK конкретно: он здесь потому, что является реальной частью ежедневного процесса автора, но документирован как паттерн для воспроизведения, а не как публичный бинарник для установки — остальные узлы схемы как раз устанавливаются. А память (система Claude + Obsidian) входит с двух сторон: загружает контекст в начале сессии и записывает, чему стоит научиться, в конце.
Как использовать этот репозиторий
Не существует одного «правильного» способа проходить репозиторий — зависит от того, что вы уже знаете и что ищете сейчас.
- Нужен полный набор с нуля? Идите в Playbook — это направляемый путь шаг за шагом, заканчивающийся реальным проектом, работающим по всему процессу.
- Уже знаете процесс и нужен конкретный инструмент? Справочник по инструментам — каждый файл самодостаточен, не требует прочтения остальных.
- Нужен готовый промпт, чтобы скопировать и адаптировать? В каталоге промптов есть готовые шаблоны: санитизация проекта, burndown линт-предупреждений, многоагентное ревью кода и другие.
- Нужны только файлы конфигурации для вставки в проект? В каталоге шаблонов есть
CLAUDE.md.template, примерsettings.jsonдля hooks и готовое правило параллельных волн. - Нужен настроенный ESLint с потолком 350 строк на файл, без ручной настройки? Вставьте своему агенту промпт установки quality gates — он скачает готовые правила из шаблонов, адаптирует под ваш проект и отчитается, сколько файлов превысило потолок — ничего не исправляя. Потом замените
08-на09-, и агент разобьёт файлы на модули, по одному за раз, с тестом между каждым.
Одно замечание о языке: этот README и все объяснения в документации (как, зачем, туториалы) были на португальском для тех, кто за автором. Единственная часть, намеренно оставленная по-английски, — готовые блоки промптов в каталоге промптов (текст, который вы копируете и вставляете прямо в ИИ-агента) — так работает лучше универсально, независимо от языка читателя. Где концепция специфична для Claude Code (плагины, hooks, skills), в документе это явно указано — большая часть остального работает так же в Codex или любом другом агенте, читающем файл инструкций и выполняющем команды.
Полная документация
Основы
| Документ | Описание |
|---|---|
| Обзор | Философия всего процесса — читать до установки чего-либо. Объясняет, почему оркестрация, персонажи, quality gates и память имеют смысл только вместе, а не по отдельности. |
| Установка | Быстрый справочник: команды установки каждого плагина и CLI, без длинных рассказов. Используйте, когда уже знаете, что ставить, и нужна точная команда для копирования. |
| Playbook онбординга | (начните здесь) Полная книга онбординга шаг за шагом — от нуля до реального проекта с работающим окружением, с примером от начала до конца. |
Инструменты
| Документ | Описание |
|---|---|
| ⭐ Superpowers | Самый мощный инструмент всего набора: навязывает поток brainstorm → план → реализация → ревью перед любой строкой кода. Правило, меняющее всё, тонкое — вызвать нужный skill ещё до уточняющего вопроса. |
| Оркестрация сабагентов | Паттерн, лежащий в основе всего: главная сессия только планирует и делегирует, никогда не реализует сама, команду специалистов-сабагентов. Включает протокол параллельных волн — как запускать независимые задачи одновременно, чтобы два агента не дрались за один файл. |
| RTK — прокси токенов | CLI-прокси, переписывающий повторяющиеся команды (status, diff, log) в компактные версии перед запуском, экономя токены (единицу измерения стоимости каждого обмена сообщениями с моделью) в длинных сессиях. Документирован как воспроизводимый паттерн, а не готовый продукт для скачивания. |
| Ponytail | Персона «ленивого старшего инженера»: лестница решений, которая останавливается на самом простом варианте, реально решающем проблему, до написания кода. Лень здесь — синоним эффективности, а не небрежности к безопасности или валидации. |
| Caveman | Слой коммуникации: убирает воду, нарочитую вежливость и хеджирование из ответов агента, не теряя реальную информацию. Независим от Ponytail — один управляет тем, что строится, другой — как агент об этом говорит. |
| Quality gates ESLint/Biome | Самая насыщенная документация набора: как разделить работу между двумя линтерами без пересечения правил и поднять предупреждение до ошибки как отслеживаемую миграцию, а не блокировку команды со дня на день. Покрывает даже границы архитектуры между слоями кода. |
| Graphify | Превращает папку кода, документации, статей или картинок в постоянный граф знаний — центральные узлы, сообщества, связи между файлами. Отвечает на вопрос «что сломается, если я это изменю» одним запросом вместо десятков исследовательских grep'ов. |
| Obsidian как память | Vault (хранилище заметок) Obsidian как долгосрочная память проекта, доступная только через MCP (протокол, соединяющий агента с внешними инструментами) — никогда через прямую запись в файл. Туда переезжает всё, для чего не хватает места в быстром индексе памяти. |
| Система памяти Claude | Всегда загруженный индекс (MEMORY.md) для дорогостоящих уроков, которые нельзя переучивать заново — исправленная ошибка, бизнес-правило, которое код не делает очевидным. Идёт с чёткой политикой роста, чтобы никогда не распухать до шума, который никто не читает. |
| Hooks — лучшие практики | Как писать hook (кусочек кода, автоматически запускающийся до или после действия агента), который безопасно падает, а не вешает всю сессию. Покрывает тонкий и повторяющийся баг: JSON.parse("null") не выбрасывает ошибку, и это обманывает даже защитную проверку. |
| agent-browser | CLI автоматизации браузера, построенный для ИИ-агентов, а не адаптированный из инструмента для людей: навигация по фактам, потоковое чтение DOM, без «долгожданных» человеческих пауз между действиями. |
| Chrome DevTools MCP | Официальный MCP-сервер команды Chrome — даёт агенту доступ к реальной сессии браузера для диагностики производительности, сети и консоли вживую. Дополняет agent-browser: один автоматизирует поток, другой исследует, что в нём происходит. |
Готовые промпты
| Промпт | Описание |
|---|---|
| Санитизация проекта | Промпт для генеральной уборки в коде — измеряет перед действием, никогда не угадывает серьёзность проблемы. Отделяет механическое исправление от решения, требующего одобрения человека, прежде чем что-то трогать. |
| Burndown предупреждений ESLint | Промпт для обнуления кучи линт-предупреждений без превращения этого в тихий рефакторинг. Центр промпта — явный gate решений перед самой рискованной частью — обычно правилом, сконцентрированным в дорогих для исправления файлах. |
| Многоагентное ревью кода | Промпт для запуска нескольких экспертов-ревьюеров параллельно по одному диффу, каждый не видит находок другого. Ключевой этап — синтез после: дедупликация, фильтрация и ранжирование, а не просто конкатенация. |
| От brainstorm до плана | Промпт для превращения открытого запроса в настоящий план реализации: уточняющий вопрос до любого кода и проверка верификации на каждом шаге плана. |
| Диспетчер параллельных волн | Промпт для разбиения списка задач на безопасные параллельные волны. Два правила держат всё: без зависимостей между задачами одной волны, без пересечения файлов — это то, что не даёт одному агенту затереть работу другого. |
| Memory bootstrap | Промпт для настройки с нуля двухслойной системы памяти в новом проекте: быстрый индекс, всегда загруженный, плюс дисциплинированный путь миграции в долгосрочное хранилище. |
| Полная настройка ESLint | Большой и требовательный промпт для сборки eslint.config.mjs (ESLint 9, flat config) с нуля: ошибка только для того, что всегда баг; предупреждение для того, что давит на рефакторинг; свои правила для инвариантов домена; отдельный неблокирующий тип-осознанный линт. Дополняет burndown выше — сначала этот для хорошей конфигурации, затем тот для обнуления накопленных предупреждений. |
| Установка quality gates (потолок 350 строк) | (сокращение) Промпт, направляющий агента на три уже написанные и протестированные правила в шаблонах — он копирует, а не пишет, поэтому результат всегда одинаковый код. Устанавливает, адаптирует под реальные пути проекта и измеряет число нарушений по каждому правилу; намеренно ничего не чинит. |
| Разбить гигантские файлы | Новый этап к 08: берёт файлы, превысившие потолок, и делит их на модули поменьше. Работает за счёт разреза по ответственности, а не по числу строк — и агент должен сказать «естественного шва нет» и остановиться, а не выдумывать абстракцию ради линтера. |
Авторы
Этот набор не родился из пустоты. Он упаковывает, документирует и связывает в единый процесс работу других людей — стоит познакомиться с оригинальными проектами:
- Superpowers — Anthropic
- Ponytail — Dietrich Gebert
- Caveman — Julius Brussee
- aia-harness — Leandro Silva Ferreira
- Graphify — Graphify Labs
- agent-browser — Vercel Labs
Лицензия
Проект распространяется по лицензии MIT — используйте, копируйте, адаптируйте, распространяйте. Только не подавайте в суд, если что-то сломается. 🙂
Сделано с 🤖 + ☕, по одному коммиту за раз.