Загрузка...

Вайб-кодинг в IntelliJ IDEA: Настройка Kilo code + RouterAI (Claude, GPT-5)

В этом руководстве мы соберем совершенный сетап для вайб-кодинга (Vibe Coding) на базе IntelliJ IDEA. В качестве основного инструмента мы задействуем эстетичный и легкий Kilo Code, усилив его передовыми нейросетями через шлюз RouterAI (включая Claude 4.5 Sonnet, GPT-5.2 и DeepSeek V3.2). Мы организуем рабочий процесс таким образом, чтобы ваша роль сводилась лишь к постановке задач: ИИ самостоятельно считает контекст проекта, напишет код и предложит изменения в формате diff, которые вам останется только утвердить или отклонить.

Пример использования расширения Kilo code в IntelliJ IDEA

IDE поддерживаемые Kilo Code.

Инструкция  актуальна для IntelliJ IDEA и для других IDE JetBrains таких как PyCharm, WebStorm, PhpStorm, RubyMine, GoLand, Rider, CLion, DataGrip, Android Studio, DataSpell, Aqua и даже Fleet.

1. Введение: Вайб-кодинга и выбор Kilo Code

Термин «Vibe Coding», популяризированный Андреем Карпатым, меняет подход к программированию. Суть проста: вы становитесь "менеджером", описываете задачи на естественном языке, управляете процессом выполнения задачи по шагам, а работу по написанию кода берет на себя ИИ.

Но чтобы все заработало, нужны подходящие инструменты. Здесь нам помогут Kilo Code + RouterAI.

Почему мы выбираем Kilo Code + RouterAI?

Kilo Code предлагает свежий взгляд на роль ИИ-ассистентов. Этот инструмент опирается на философию «Local-first» (что гарантирует скорость), обладает минималистичным дизайном и воспринимается как нативная часть IntelliJ IDEA. Однако без качественной LLM под капотом даже самый удобный интерфейс бесполезен.

Здесь обычно возникают две классические проблемы:

  1. Качество моделей: По умолчанию Kilo часто предлагает использовать локальные нейросети, которые пока не справляются со сложной архитектурой, либо требует вводить API-ключи для каждого провайдера отдельно.
  2. Трудности оплаты: Покупка доступа к OpenAI, Anthropic или Google напрямую из России — это сложный и неприятный процесс.

Решение: Мы используем Kilo Code как идеальную оболочку, а «интеллект» подключаем через агрегатор RouterAI. Такой подход открывает доступ к топовым моделям (Claude 4.5, GPT-5, DeepSeek и другим) через единый ключ доступа — без необходимости использовать VPN и с удобной оплатой в рублях.

2. Что представляет собой Kilo Code? Эстетика и скорость

Ключевое отличие Kilo Code от аналогов — стремление к чистоте: он не загромождает интерфейс IntelliJ IDEA лишними элементами управления. Инструмент сосредоточен на двух основных сценариях вайб-кодинга:

  • Чат (Боковая панель): Идеальное место для обсуждения архитектуры, генерации новых модулей с нуля или выяснения причин, почему код не работает.
  • Inline Edit (Редактирование в потоке): Вы просто выделяете участок кода, нажимаете хоткей и пишете промпт (например, «перепиши на React Hooks»). Kilo продемонстрирует изменения в виде Diff-диффа, который принимается одним кликом.

Кроме того, Kilo Code индексирует всю кодовую базу (Repo Mapping), благодаря чему ИИ понимает контекст всего проекта целиком, а не только содержимого открытого файла.

Еще одной мощной функцией Kilo Code является гибкая система ролей. Вы можете делегировать задачи разным виртуальным специалистам: например, «Архитектор» спроектирует фичу, не написав ни строчки кода, а «Кодер» реализует её строго по утвержденному плану. Набор ролей полностью настраиваем — вы можете добавить «Верстальщика», «Тестировщика» и кого угодно еще.

Кроме того, система позволяет гибко управлять используемыми моделями под каждую роль. Это отличный способ оптимизации: для сложных задач Архитектора можно подключить топовую anthropic/claude-4.5-sonnet, а для рутинной работы Кодера выбрать более экономичную deepseek/deepseek-v3.2

Однако выделяется Kilo Code не только интерфейсом. У него есть уникальные агентные функции: в процессе работы он автоматически формирует Todo-лист (план выполнения задачи) и создает контрольные точки сохранения. Это позволяет гибко управлять разработкой: вы всегда можете откатиться на определенный этап и попробовать пойти другим путем.

kilo code уникальные особенности

3. RouterAI: Единый ключ доступа

Чтобы Kilo Code превратился из просто удобного интерфейса в мощный инструмент, ему необходим доступ к API топовых языковых моделей. В качестве интеллектуального шлюза мы будем использовать сервис RouterAI.

Преимущества такого решения очевидны:

  • Полная совместимость с OpenAI API: Kilo Code без проблем работает с любыми провайдерами, поддерживающими этот стандарт, что гарантирует стабильное соединение.
  • Доступ к передовым технологиям: Как только выходят новинки уровня Claude 4.5 или GPT-5.2, они оперативно появляются в RouterAI. Вы сможете использовать их в Kilo сразу же, не дожидаясь обновлений самого плагина.
  • Удобство оплаты: Никаких сложностей с зарубежными транзакциями — доступны российские карты, СБП и безналичный расчет для юридических лиц.

Быстрый старт:

  1. Пройдите регистрацию на платформе RouterAI.
  2. Пополните баланс удобным способом (работает честная модель Pay-as-you-go: вы платите только за фактически потраченные токены).
  3. В разделе «Ключи API» сгенерируйте новый ключ доступа. Скопируйте его (он начинается на sk-or-...) — он понадобится нам прямо сейчас для настройки IDE.

4. Техническая часть: Настройка Kilo Code + RouterAI

Установим расширение и "подружим" его с RouterAI.

Установка

Установка проста: открываем раздел Plugins в IntelliJ IDEA (значок гайки в правом верхнем углу экрана -> "Plugins") и находим Kilo Code на вкладке Marketplace и жмем Install.

Установка kilo code в IntelliJ IDEA по шагам

Настройка провайдера

Подробно разберем настройку работы Kilo Code через RouterAI.

Выбор режима Use your own API key в настройках Kilo Code в IntelliJ IDEA

Жмем "Use your own API key", так как мы планируем использовать RouterAI в качестве поставщика.

Настройка Base URL RouterAI и ввод API ключа в Kilo Code в IntelliJ IDEA

На следующем экране подключим RouterAI

  1. В поле API Provider выберите OpenAI Compatible.
  2. Заполните поля:
    • Base URL: https://routerai.ru/api/v1
    • API Key: Вставьте ваш ключ sk-... от RouterAI.
    • Model ID: Здесь нужно вручную вписать ID модели. Рекомендую начать с anthropic/claude-sonnet-4.5 или google/gemini-3-pro-preview. Полный список ID можно найти на странице моделей RouterAI.

Выбор моделей и тонкая настройка

Для комфортного вайб-кодинга в Kilo Code критически важен баланс между стоимостью и качеством генерации. Моя основная рекомендация — использовать anthropic/claude-sonnet-4.5. Эта модель превосходно удерживает контекст задачи и пишет чистый, поддерживаемый код.

Чтобы адаптировать инструмент под свои нужды, откройте настройки (значок шестеренки в правом верхнем углу панели Kilo). Я рекомендую пройтись по трем ключевым пунктам:

  1. Вкладка «Провайдеры»: Добавьте в список модели, которые вам интересны, чтобы иметь возможность быстро переключаться между ними в зависимости от задач.
  2. Настройки языка: Установите язык интерфейса и промптов на русский. Это сделает взаимодействие с агентом максимально естественным.
  3. Вкладка «Автоодобрение»: Обязательно к прочтению. По умолчанию Kilo Code может применять изменения в коде автоматически, без подтверждения. Я настоятельно рекомендую отключить эту функцию (как минимум для редактирования файлов). Важно, чтобы правки всегда оставались под вашим контролем, и вы подтверждали их только после просмотра Diff-а.

Работа с правилами в Kilo Code

Правила — это текстовые инструкции на естественном языке, о которых Kilo Code «помнит» постоянно. Это фундаментальная функция для серьезной работы: правила заставляют агента вести себя предсказуемо и одинаково в разных сессиях, а также удерживать в фокусе важные детали вашего проекта, о которых вы не хотите напоминать каждый раз.

Управлять правилами можно прямо из интерфейса: нажмите на иконку с изображением весов (⚖️) в правом нижнем углу чата. Здесь вы можете закрепить глобальные установки, например: «Всегда используй TypeScript», «Пиши комментарии на русском языке» или «Придерживайся принципов SOLID».

Настройка правил в плагине Kilo Code в IntelliJ IDEA

Kilo Code создает в проекте папку .kilocode и хранит правила проекта в файле .kilocode/rules/rules.md

Вот пример правил.

- приложение работает в через docker compose в контейнере web, учитывай это когда нужно выполнить команды в консоли
- вся документация по проекту лежит в папке docs, не забывай актуализировать документацию если что то меняешь
- никогда не используй hardcoded строки на русском в коде
- эталонная локаль - русская (ru)
- После изменений в файлах локали запускай скрипт для проверки bin/compare_locales.rb

Больше информации о правилах вы можете найти в официальной документации.

5. Workflow: Вайб-кодинг на практике

Сетап готов. Посмотрим что мы получили.

Чат с контекстом

Когда нужно понять логику проекта внести изменения или написать функционал с нуля.

Открываем чат Kilo и описываем задачу на естественном языке. Через символ @ можно явно добавить в контекст нужные файлы, но и без этого Kilo сам найдет то что ему потребуется для реализации.

Кейс:
Пишем: "Добавь фильтрацию по email в разделе invoices в админке".

Пример работы чата Kilo Code: генерация кода фильтрации счетов в админке

6. Важные нюансы использования

При работе в связке Kilo Code + RouterAI стоит учитывать несколько моментов, которые напрямую влияют на продуктивность и стоимость разработки:

  • Модель имеет значение. Если вы заметили, что Kilo начинает «галлюцинировать», терять нить рассуждения или выдавать нерабочий код — первым делом проверьте выбранную модель. Для сложных задач и написания кода используйте флагманы: anthropic/claude-4.5-sonnet или openai/gpt-5.2. Бюджетные модели (например, claude-3-haiku или gpt-4o-mini) хороши для объяснения концепций или генерации документации, но в реализации логики могут допускать ошибки.
  • Гигиена контекста и контроль расходов. В RouterAI вы платите за количество обработанных токенов. Для понимания задачи Kilo отправляет в модель не только ваш текущий запрос, но и всю историю чата, а также содержимое релевантных файлов. Со временем контекст растет, удорожая каждый запрос.

Совет: Регулярно очищайте чат (начинайте новую сессию) после завершения этапа задачи. Это не только сэкономит деньги, но и повысит качество ответов, так как модель перестанет отвлекаться на устаревший контекст.

7. Заключение

Мы собрали сетап для настоящего вайб-кодинга:

  • Kilo Code дает легкость, скорость и удобный Inline-редактор без лишнего визуального шума.
  • RouterAI обеспечивает интеллект уровня Top-Tier моделей (Claude, GPT, Gemini) без проблем с доступом из РФ и корпоративной бюрократии.

Теперь ваш IntelliJ IDEA — это не просто редактор, а центр управления разработкой. Вы ставите задачи, Kilo пишет код, а RouterAI обеспечивает это мощностями.

Удачного вайб-кодинга! 🚀