> ## Documentation Index
> Fetch the complete documentation index at: https://docs.mixroute.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Kilo Code Plugin (VS Code)

> Kilo Code for VS Code Plugin Installation Guide

## Step 1: Install Kilo Code Plugin

1. Open VS Code Extensions panel (Ctrl+Shift+X)
2. Search for "Kilo Code"
3. Click Install

<Frame>
  <img src="https://mintcdn.com/personal-a5418d9f/XrkadTrCIIPrxSRP/images/integrations/kilo-code1.png?fit=max&auto=format&n=XrkadTrCIIPrxSRP&q=85&s=3f44968c6265017a239b772ae2cd41fd" alt="Install Kilo Code Plugin" width="1920" height="1140" data-path="images/integrations/kilo-code1.png" />
</Frame>

## Step 2: Configure API Provider

### Open Settings Panel

1. Click Kilo Code icon in activity bar
2. Click Settings gear icon

<Frame>
  <img src="https://mintcdn.com/personal-a5418d9f/XrkadTrCIIPrxSRP/images/integrations/kilo-code2.png?fit=max&auto=format&n=XrkadTrCIIPrxSRP&q=85&s=4debdf56938c94a828e0ca7e73a74638" alt="Open Settings Panel" width="608" height="1070" data-path="images/integrations/kilo-code2.png" />
</Frame>

### Configure Provider

| Setting          | Value                           |
| ---------------- | ------------------------------- |
| **Profile**      | Keep default `default (Active)` |
| **API Provider** | Select "Google Gemini"          |
| **API Key**      | Your API key (sk-xxxxx)         |
| **Model**        | Model name to use               |
| **Base URL**     | `https://api.mixroute.ai`       |

<Note>
  **Recommended Model**: `gemini-3-pro-preview`
</Note>

<Frame>
  <img src="https://mintcdn.com/personal-a5418d9f/XrkadTrCIIPrxSRP/images/integrations/kilo-code3.png?fit=max&auto=format&n=XrkadTrCIIPrxSRP&q=85&s=6606972f855496fc844e4664c950b160" alt="Configure Provider" width="584" height="1058" data-path="images/integrations/kilo-code3.png" />
</Frame>

## Step 3: Verify Connection

1. Open any code file
2. Use `Ctrl+I` (Windows) or `Cmd+I` (macOS) for Inline Chat
3. Test with "explain this code" or "hello"

<Frame>
  <img src="https://mintcdn.com/personal-a5418d9f/XrkadTrCIIPrxSRP/images/integrations/kilo-code4.png?fit=max&auto=format&n=XrkadTrCIIPrxSRP&q=85&s=8d0a3c3ebebcafa403f5697f8fba91d3" alt="Verification Success" width="595" height="1024" data-path="images/integrations/kilo-code4.png" />
</Frame>
