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

# Kilo Code Extension (VS Code)

> Installation and configuration guide for Kilo Code for VS Code extension

## Step 1: Install Kilo Code Extension

1. Open VS Code editor, go to the "Extensions" panel on the left (Shortcut: Ctrl+Shift+X).
2. Type "Kilo Code" in the search box in the Marketplace to find the official extension.
3. Click the "Install" button to complete the installation.

<Frame>
  <img src="https://mintcdn.com/gravitexai/9di8VRqu8D1f5M93/images/kilo-code1.png?fit=max&auto=format&n=9di8VRqu8D1f5M93&q=85&s=391693214618affb19a2d049ebb00779" alt="Kilo Code Extension Installation" width="1920" height="1140" data-path="images/kilo-code1.png" />
</Frame>

## Step 2: Configure API Provider

### 2.1 Open Settings Panel

1. After installation, click the Kilo Code icon in the left activity bar to open the extension panel.
2. Click the "Settings" gear icon in the top toolbar to enter the configuration page.

<Frame>
  <img src="https://mintcdn.com/gravitexai/9di8VRqu8D1f5M93/images/kilo-code2.png?fit=max&auto=format&n=9di8VRqu8D1f5M93&q=85&s=c3708f3c782cfe49b33c381ae4088936" alt="Kilo Code Settings Location Guide" width="608" height="1070" data-path="images/kilo-code2.png" />
</Frame>

### 2.2 Configure Custom Provider

Configure the following in the "Provider" section of the settings panel:

1. **Profile**: Keep the default `default (Active)`.
2. **API Provider**: Select "Google Gemini" from the dropdown.
3. **API Key**: Enter your API key (sk-xxxxx).
4. **Model**: Enter the model name you want to use.
5. **Base URL**: Enter `https://api.gravitex.ai`.
6. **Recommended for Coding**: `gemini-3-pro-preview`.

<Frame>
  <img src="https://mintcdn.com/gravitexai/9di8VRqu8D1f5M93/images/kilo-code3.png?fit=max&auto=format&n=9di8VRqu8D1f5M93&q=85&s=a9899bbd7391e97c881ca6d63ec31390" alt="Kilo Code Custom Provider Settings" width="584" height="1058" data-path="images/kilo-code3.png" />
</Frame>

## Step 3: Verify Connection

1. After configuration, open any code file.
2. Select a piece of code or place the cursor in an empty area, then click the Kilo Code icon or use the shortcut `Ctrl+I` (Windows) or `Cmd+I` (macOS) to open the **Inline Chat** input box.
3. Enter a test message (e.g., "Explain this code" or "Hello"). If you receive a response, the configuration is successful.

<Frame>
  <img src="https://mintcdn.com/gravitexai/9di8VRqu8D1f5M93/images/kilo-code4.png?fit=max&auto=format&n=9di8VRqu8D1f5M93&q=85&s=290a801868b6c015d4e468f35f9a4c4a" alt="Configuration Success" width="595" height="1024" data-path="images/kilo-code4.png" />
</Frame>