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

В этом руководстве мы соберем совершенный сетап для вайб-кодинга (Vibe Coding) на базе  **IntelliJ IDEA**. В качестве основного инструмента мы задействуем эстетичный и легкий [**Kilo Code**](https://kilo.ai/ "Kilo Code"), усилив его передовыми нейросетями через шлюз [RouterAI](/ "RouterAI") (включая Claude Sonnet 5.5, GPT-5.5 и DeepSeek V4 Flash). Мы организуем рабочий процесс таким образом, чтобы ваша роль сводилась лишь к постановке задач: ИИ самостоятельно считает контекст проекта, напишет код и предложит изменения в формате diff, которые вам останется только утвердить или отклонить.

**![Пример использования расширения Kilo code в IntelliJ IDEA](https://b51bc417-3ee0-451a-a83b-8a681d027a96.selstorage.ru/store/pages/idea_kilo_code_example.png)**

## IDE поддерживаемые Kilo Code. {#podderzhivaemye-ide}

Инструкция  актуальна для 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, 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-sonnet-5.5`, а для рутинной работы Кодера выбрать более экономичную `deepseek/deepseek-v4-flash`

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

![kilo code уникальные особенности](https://b51bc417-3ee0-451a-a83b-8a681d027a96.selstorage.ru/store/pages/idea_kilo_code_differents.png)

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

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

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

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

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

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

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

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

### Установка

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

**![Установка kilo code в IntelliJ IDEA по шагам](https://b51bc417-3ee0-451a-a83b-8a681d027a96.selstorage.ru/store/pages/idea_kilo_code_install.png)**

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

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

**![Выбор режима Use your own API key в настройках Kilo Code в IntelliJ IDEA](https://b51bc417-3ee0-451a-a83b-8a681d027a96.selstorage.ru/store/pages/idea_kilo_code_start.png)**

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

**![Настройка Base URL RouterAI и ввод API ключа в Kilo Code в IntelliJ IDEA](https://b51bc417-3ee0-451a-a83b-8a681d027a96.selstorage.ru/store/pages/idea_kilo_code_config.png)**

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

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

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

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

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

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

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

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

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

![Настройка правил в плагине Kilo Code в IntelliJ IDEA](https://b51bc417-3ee0-451a-a83b-8a681d027a96.selstorage.ru/store/pages/idea_kilo_code_rules.png)

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

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

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

Больше информации о правилах вы можете найти в [официальной документации.](https://kilo.ai/docs/customize/custom-rules "официальной документации.")

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

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

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

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

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

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

**![Пример работы чата Kilo Code: генерация кода фильтрации счетов в админке](https://b51bc417-3ee0-451a-a83b-8a681d027a96.selstorage.ru/store/pages/kilo_code_chat.png)**

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

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

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

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

## 7. Заключение {#7-conclusion}

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

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

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

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