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

# AI Coding Agents Overview

> Configure AI coding agents to use MegaLLM - CLI tools and GUI extensions

MegaLLM supports all major AI coding agents. This unified guide covers configuration for Claude Code, Codex/Windsurf, OpenCode, Kilocode, RooCode, and Cline.

## Available Agents

<CardGroup cols={3}>
  <Card title="Claude Code" icon="https://mintcdn.com/ghostlyticspaymentspvtltd/I3Glsm29CAoCIpN0/logo/claude.svg?fit=max&auto=format&n=I3Glsm29CAoCIpN0&q=85&s=26979b4ab3c813d61504095afb8bb1a1" href="/en/agents/claude" width="16" height="16" data-path="logo/claude.svg">
    CLI + Editor integration with JSON config
  </Card>

  <Card title="Codex/Windsurf" icon="https://mintcdn.com/ghostlyticspaymentspvtltd/F9nt7LOHihlPvM1P/logo/codex.svg?fit=max&auto=format&n=F9nt7LOHihlPvM1P&q=85&s=5bbd1c4feca6af0fbfac0ad765b1696b" href="/en/agents/codex" width="512" height="512" data-path="logo/codex.svg">
    CLI + Editor with TOML config
  </Card>

  <Card title="OpenCode" icon="https://mintcdn.com/ghostlyticspaymentspvtltd/I3Glsm29CAoCIpN0/logo/opencode.svg?fit=max&auto=format&n=I3Glsm29CAoCIpN0&q=85&s=790702f153dab69c5961a9cf9e9db7af" href="/en/agents/opencode" width="400" height="400" data-path="logo/opencode.svg">
    CLI + Editor with auto-model fetching
  </Card>

  <Card title="Kilocode" icon="https://mintcdn.com/ghostlyticspaymentspvtltd/I3Glsm29CAoCIpN0/logo/kilocode.svg?fit=max&auto=format&n=I3Glsm29CAoCIpN0&q=85&s=99525076c0546a882a8c731ec28759ac" href="/en/agents/kilocode" width="32" height="32" data-path="logo/kilocode.svg">
    VSCode extension with inline chat (CLI coming soon)
  </Card>

  <Card title="RooCode" icon="https://mintcdn.com/ghostlyticspaymentspvtltd/I3Glsm29CAoCIpN0/logo/roocode.svg?fit=max&auto=format&n=I3Glsm29CAoCIpN0&q=85&s=1517c9f8fa0cb55b8b3409f52e8c172f" href="/en/agents/roocode" width="32" height="32" data-path="logo/roocode.svg">
    Standalone app with visual interface
  </Card>

  <Card title="Cline" icon="https://mintcdn.com/ghostlyticspaymentspvtltd/I3Glsm29CAoCIpN0/logo/cline.svg?fit=max&auto=format&n=I3Glsm29CAoCIpN0&q=85&s=1f96191dea05c752380d70e31187bf72" href="/en/agents/cline" width="16" height="16" data-path="logo/cline.svg">
    VSCode extension with autonomous tasks (CLI coming soon)
  </Card>
</CardGroup>

## Quick Comparison

| Agent              | Interfaces        | Config Format   | Config Level     | Best For                               |
| ------------------ | ----------------- | --------------- | ---------------- | -------------------------------------- |
| **Claude Code**    | CLI + VSCode      | JSON            | System + Project | Terminal workflows, VSCode integration |
| **Codex/Windsurf** | CLI + Editor      | TOML            | System only      | Advanced users, Cascade AI             |
| **OpenCode**       | CLI + Editor      | JSON            | System + Project | Multi-model switching, flexibility     |
| **Kilocode**       | VSCode (CLI soon) | VSCode settings | User + Workspace | Inline chat, code completion           |
| **RooCode**        | Standalone app    | JSON            | App-level        | Visual UI, standalone workflow         |
| **Cline**          | VSCode (CLI soon) | VSCode settings | User + Workspace | Autonomous tasks, terminal ops         |

## Agent Types

### CLI-First Agents (with Editor Support)

<CardGroup cols={3}>
  <Card title="Claude Code" icon="https://mintcdn.com/ghostlyticspaymentspvtltd/I3Glsm29CAoCIpN0/logo/claude.svg?fit=max&auto=format&n=I3Glsm29CAoCIpN0&q=85&s=26979b4ab3c813d61504095afb8bb1a1" width="16" height="16" data-path="logo/claude.svg">
    * CLI-first design
    * VSCode extension available
    * JSON configuration
    * System & project-level
    * Statusline support
  </Card>

  <Card title="Codex/Windsurf" icon="https://mintcdn.com/ghostlyticspaymentspvtltd/F9nt7LOHihlPvM1P/logo/codex.svg?fit=max&auto=format&n=F9nt7LOHihlPvM1P&q=85&s=5bbd1c4feca6af0fbfac0ad765b1696b" width="512" height="512" data-path="logo/codex.svg">
    * CLI-first design
    * Editor integrations
    * TOML configuration
    * Cascade AI (Windsurf)
    * Supercomplete features
  </Card>

  <Card title="OpenCode" icon="https://mintcdn.com/ghostlyticspaymentspvtltd/I3Glsm29CAoCIpN0/logo/opencode.svg?fit=max&auto=format&n=I3Glsm29CAoCIpN0&q=85&s=790702f153dab69c5961a9cf9e9db7af" width="400" height="400" data-path="logo/opencode.svg">
    * CLI-first design
    * Editor plugins available
    * JSON configuration
    * Auto-fetch models
    * Multi-provider support
  </Card>
</CardGroup>

**When to use CLI-first agents:**

* Terminal-based workflows
* CI/CD integration
* Server environments
* Scripting and automation
* Also work great in editors with extensions

### Editor-Only Agents (CLI Coming Soon)

<CardGroup cols={3}>
  <Card title="Kilocode" icon="https://mintcdn.com/ghostlyticspaymentspvtltd/I3Glsm29CAoCIpN0/logo/kilocode.svg?fit=max&auto=format&n=I3Glsm29CAoCIpN0&q=85&s=99525076c0546a882a8c731ec28759ac" width="32" height="32" data-path="logo/kilocode.svg">
    * VSCode extension (primary)
    * CLI under maintenance
    * Inline chat interface
    * Code completion
    * File tree integration
  </Card>

  <Card title="RooCode" icon="https://mintcdn.com/ghostlyticspaymentspvtltd/I3Glsm29CAoCIpN0/logo/roocode.svg?fit=max&auto=format&n=I3Glsm29CAoCIpN0&q=85&s=1517c9f8fa0cb55b8b3409f52e8c172f" width="32" height="32" data-path="logo/roocode.svg">
    * Standalone app
    * Visual interface
    * Multi-project support
    * Code review features
  </Card>

  <Card title="Cline" icon="https://mintcdn.com/ghostlyticspaymentspvtltd/I3Glsm29CAoCIpN0/logo/cline.svg?fit=max&auto=format&n=I3Glsm29CAoCIpN0&q=85&s=1f96191dea05c752380d70e31187bf72" width="16" height="16" data-path="logo/cline.svg">
    * VSCode extension (primary)
    * CLI under maintenance
    * Autonomous task execution
    * Terminal integration
    * Git workflow support
  </Card>
</CardGroup>

<Info>
  **CLI Support for Kilocode & Cline:** CLI versions are currently under maintenance and will be available soon. Use the VSCode extensions in the meantime.
</Info>

**When to use editor-focused agents:**

* Pure visual editing workflows
* Inline suggestions and completions
* Multi-file refactoring
* Code review workflows
* IDE-native experience

## Getting Started

<Steps>
  <Step title="Choose Your Agent">
    Select a CLI agent for terminal workflows or a GUI agent for visual editing
  </Step>

  <Step title="Get Your API Key">
    Sign up at [MegaLLM Dashboard](https://megallm.io/dashboard) and get your API key starting with `sk-mega-`
  </Step>

  <Step title="Configure Your Agent">
    Follow the specific configuration guide for your chosen agent (linked below)
  </Step>

  <Step title="Start Coding">
    Launch your agent and start using AI-powered coding assistance
  </Step>
</Steps>

## Configuration Guides

### CLI-First Agents (also work in editors)

<AccordionGroup>
  <Accordion title="Claude Code - CLI + VSCode" icon="https://mintcdn.com/ghostlyticspaymentspvtltd/I3Glsm29CAoCIpN0/logo/claude.svg?fit=max&auto=format&n=I3Glsm29CAoCIpN0&q=85&s=26979b4ab3c813d61504095afb8bb1a1" width="16" height="16" data-path="logo/claude.svg">
    **Works as:** CLI tool + VSCode extension

    **Configuration files:**

    * System: `~/.claude/settings.json`
    * Project: `./.claude/settings.json`
    * Local: `./.claude/settings.local.json`

    **Quick setup:**

    ```json theme={null}
    {
      "env": {
        "ANTHROPIC_BASE_URL": "https://ai.megallm.io",
        "ANTHROPIC_API_KEY": "sk-mega-your-api-key-here"
      }
    }
    ```

    [Full Claude Code Configuration Guide →](/agents/claude)
  </Accordion>

  <Accordion title="Codex/Windsurf - CLI + Editor" icon="https://mintcdn.com/ghostlyticspaymentspvtltd/F9nt7LOHihlPvM1P/logo/codex.svg?fit=max&auto=format&n=F9nt7LOHihlPvM1P&q=85&s=5bbd1c4feca6af0fbfac0ad765b1696b" width="512" height="512" data-path="logo/codex.svg">
    **Works as:** CLI tool + Editor integrations (Windsurf is enhanced variant)

    **Configuration file:**

    * System: `~/.codex/config.toml` (only)

    **Quick setup:**

    ```toml theme={null}
    model_provider = "megallm"
    model = "gpt-5"

    [model_providers.megallm]
    name = "OpenAI using Chat Completions"
    base_url = "https://ai.megallm.io/v1"
    env_key = "MEGALLM_API_KEY"

    [tools]
    web_search = true
    file_browser = true
    ```

    [Full Codex/Windsurf Configuration Guide →](/agents/codex)
  </Accordion>

  <Accordion title="OpenCode - CLI + Editor Plugins" icon="https://mintcdn.com/ghostlyticspaymentspvtltd/I3Glsm29CAoCIpN0/logo/opencode.svg?fit=max&auto=format&n=I3Glsm29CAoCIpN0&q=85&s=790702f153dab69c5961a9cf9e9db7af" width="400" height="400" data-path="logo/opencode.svg">
    **Works as:** CLI tool + Editor plugins (VSCode, Vim, etc.)

    **Configuration files:**

    * System: `~/.config/opencode/opencode.json`
    * Project: `./.opencode/opencode.json`

    **Quick setup:**

    ```json theme={null}
    {
      "providers": [
        {
          "id": "megallm",
          "name": "MegaLLM",
          "type": "openai",
          "baseURL": "https://ai.megallm.io/v1",
          "apiKey": "sk-mega-your-api-key-here"
        }
      ],
      "defaultProvider": "megallm"
    }
    ```

    [Full OpenCode Configuration Guide →](/agents/opencode)
  </Accordion>
</AccordionGroup>

### Editor-Only Agents

<AccordionGroup>
  <Accordion title="Kilocode - VSCode Extension" icon="https://mintcdn.com/ghostlyticspaymentspvtltd/I3Glsm29CAoCIpN0/logo/kilocode.svg?fit=max&auto=format&n=I3Glsm29CAoCIpN0&q=85&s=99525076c0546a882a8c731ec28759ac" width="32" height="32" data-path="logo/kilocode.svg">
    **Configuration location:**

    * User Settings (global): VSCode Settings UI or `settings.json`
    * Workspace Settings (project): `.vscode/settings.json`

    **Quick setup (settings.json):**

    ```json theme={null}
    {
      "kilocode.apiProvider": "custom",
      "kilocode.customProvider": {
        "name": "MegaLLM",
        "baseURL": "https://ai.megallm.io/v1",
        "apiKey": "${env:MEGALLM_API_KEY}"
      },
      "kilocode.defaultModel": "gpt-5"
    }
    ```

    **Environment variable:**

    ```bash theme={null}
    export MEGALLM_API_KEY="sk-mega-your-api-key-here"
    ```

    [Full Kilocode Configuration Guide →](/agents/kilocode)
  </Accordion>

  <Accordion title="RooCode - Standalone App" icon="https://mintcdn.com/ghostlyticspaymentspvtltd/I3Glsm29CAoCIpN0/logo/roocode.svg?fit=max&auto=format&n=I3Glsm29CAoCIpN0&q=85&s=1517c9f8fa0cb55b8b3409f52e8c172f" width="32" height="32" data-path="logo/roocode.svg">
    **Configuration location:**

    * Windows: `%APPDATA%\RooCode\config.json`
    * macOS: `~/Library/Application Support/RooCode/config.json`
    * Linux: `~/.config/roocode/config.json`

    **Quick setup:**

    ```json theme={null}
    {
      "provider": "openai-compatible",
      "api": {
        "baseURL": "https://ai.megallm.io/v1",
        "apiKey": "sk-mega-your-api-key-here",
        "model": "gpt-5"
      },
      "features": {
        "codeCompletion": true,
        "chatInterface": true,
        "codeReview": true,
        "terminalIntegration": false
      }
    }
    ```

    [Full RooCode Configuration Guide →](/agents/roocode)
  </Accordion>

  <Accordion title="Cline - VSCode Extension with Autonomy" icon="https://mintcdn.com/ghostlyticspaymentspvtltd/I3Glsm29CAoCIpN0/logo/cline.svg?fit=max&auto=format&n=I3Glsm29CAoCIpN0&q=85&s=1f96191dea05c752380d70e31187bf72" width="16" height="16" data-path="logo/cline.svg">
    **Configuration location:**

    * User Settings (global): VSCode Settings UI or `settings.json`
    * Workspace Settings (project): `.vscode/settings.json`

    **Quick setup for GPT models (OpenAI format):**

    ```json theme={null}
    {
      "cline.apiProvider": "openai",
      "cline.openai": {
        "apiKey": "${env:MEGALLM_API_KEY}",
        "baseURL": "https://ai.megallm.io/v1"
      },
      "cline.defaultModel": "gpt-5"
    }
    ```

    **Quick setup for Claude models (Anthropic format):**

    ```json theme={null}
    {
      "cline.apiProvider": "anthropic",
      "cline.anthropic": {
        "apiKey": "${env:MEGALLM_API_KEY}",
        "baseURL": "https://ai.megallm.io"
      },
      "cline.defaultModel": "claude-sonnet-4"
    }
    ```

    **Environment variable:**

    ```bash theme={null}
    export MEGALLM_API_KEY="sk-mega-your-api-key-here"
    ```

    [Full Cline Configuration Guide →](/agents/cline)
  </Accordion>
</AccordionGroup>

## Model Selection

All agents support the same models through MegaLLM:

### GPT Models

* `gpt-5` - Latest GPT model (recommended)
* `gpt-4` - GPT-4
* `gpt-4o` - GPT-4 Optimized
* `gpt-4o-mini` - Fast, cost-effective

### Claude Models

* `claude-opus-4-1-20250805` - Most capable
* `claude-sonnet-4` - Balanced (recommended)
* `claude-haiku-4` - Fast, efficient

### Gemini Models

* `gemini-2.5-pro` - Latest Gemini
* `gemini-2.0-flash` - Fast responses

[See Full Model Catalog →](/home/models)

## Environment Variables

Most agents support environment variables for API keys:

```bash theme={null}
# For CLI agents and some GUI agents
export MEGALLM_API_KEY="sk-mega-your-api-key-here"

# For Claude Code specifically
export ANTHROPIC_BASE_URL="https://ai.megallm.io"
export ANTHROPIC_API_KEY="sk-mega-your-api-key-here"
```

Add to your shell configuration:

* Bash: `~/.bashrc`
* Zsh: `~/.zshrc`
* Fish: `~/.config/fish/config.fish`

## Common Configuration Patterns

### Pattern 1: System-Level for Personal Use

**Best for**: Personal projects, single user

<Tabs>
  <Tab title="Claude Code">
    ```bash theme={null}
    # System configuration
    ~/.claude/settings.json

    # Environment variables
    export ANTHROPIC_BASE_URL="https://ai.megallm.io"
    export ANTHROPIC_API_KEY="sk-mega-your-key"
    ```
  </Tab>

  <Tab title="Kilocode">
    ```bash theme={null}
    # VSCode User Settings
    # File > Preferences > Settings > Search "kilocode"

    # Environment variable
    export MEGALLM_API_KEY="sk-mega-your-key"
    ```
  </Tab>

  <Tab title="RooCode">
    ```bash theme={null}
    # App configuration
    ~/.config/roocode/config.json

    # Store API key in config or use env var
    ```
  </Tab>
</Tabs>

### Pattern 2: Project-Level for Teams

**Best for**: Team projects, shared configuration

<Tabs>
  <Tab title="Claude Code">
    ```bash theme={null}
    # Shared config (committed)
    .claude/settings.json
    {
      "env": {
        "ANTHROPIC_BASE_URL": "https://ai.megallm.io"
      }
    }

    # Personal key (not committed)
    .claude/settings.local.json
    {
      "env": {
        "ANTHROPIC_API_KEY": "your-personal-key"
      }
    }

    # .gitignore
    .claude/settings.local.json
    ```
  </Tab>

  <Tab title="Kilocode">
    ```bash theme={null}
    # Workspace settings (committed)
    .vscode/settings.json
    {
      "kilocode.apiProvider": "custom",
      "kilocode.customProvider": {
        "name": "MegaLLM",
        "baseURL": "https://ai.megallm.io/v1",
        "apiKey": "${env:MEGALLM_API_KEY}"
      }
    }

    # Team members set their own env var
    export MEGALLM_API_KEY="personal-key"
    ```
  </Tab>

  <Tab title="OpenCode">
    ```bash theme={null}
    # Project config (committed)
    .opencode/opencode.json
    {
      "providers": [{
        "baseURL": "https://ai.megallm.io/v1"
      }]
    }

    # Personal key via env var
    export MEGALLM_API_KEY="personal-key"
    ```
  </Tab>
</Tabs>

### Pattern 3: Multi-Model Configuration

**Best for**: Using different models for different tasks

<Tabs>
  <Tab title="OpenCode">
    ```json theme={null}
    {
      "providers": [
        {
          "id": "megallm-gpt",
          "type": "openai",
          "baseURL": "https://ai.megallm.io/v1",
          "models": ["gpt-5", "gpt-4o"]
        },
        {
          "id": "megallm-claude",
          "type": "anthropic",
          "baseURL": "https://ai.megallm.io",
          "models": ["claude-sonnet-4", "claude-opus-4"]
        }
      ]
    }
    ```
  </Tab>

  <Tab title="RooCode">
    ```json theme={null}
    {
      "providers": [
        {
          "name": "GPT for Chat",
          "model": "gpt-5",
          "useFor": ["chat", "completion"]
        },
        {
          "name": "Claude for Review",
          "model": "claude-sonnet-4",
          "useFor": ["review", "analysis"]
        }
      ]
    }
    ```
  </Tab>
</Tabs>

## Troubleshooting

<AccordionGroup>
  <Accordion title="API Key Not Working">
    **Verify your API key:**

    ```bash theme={null}
    # Check it starts with sk-mega-
    echo $MEGALLM_API_KEY

    # Test the API directly
    curl -H "Authorization: Bearer $MEGALLM_API_KEY" \
         https://ai.megallm.io/v1/models
    ```

    **Common issues:**

    * Missing `sk-mega-` prefix
    * Extra spaces or quotes
    * Wrong environment variable name
    * Shell config not reloaded (run `source ~/.bashrc`)
  </Accordion>

  <Accordion title="Wrong API Endpoint">
    **Check your base URL:**

    For **OpenAI-compatible format** (GPT, Gemini):

    ```
    https://ai.megallm.io/v1  <Icon icon="check" /> (with /v1)
    ```

    For **Anthropic format** (Claude):

    ```
    https://ai.megallm.io  <Icon icon="check" /> (no /v1)
    ```

    **Agent-specific endpoints:**

    * Claude Code: `https://ai.megallm.io` (no /v1)
    * Codex/Windsurf: `https://ai.megallm.io/v1`
    * OpenCode: `https://ai.megallm.io/v1`
    * Kilocode: `https://ai.megallm.io/v1`
    * RooCode: `https://ai.megallm.io/v1`
    * Cline: `https://ai.megallm.io` (Anthropic) or `https://ai.megallm.io/v1` (OpenAI)
  </Accordion>

  <Accordion title="Model Not Found">
    **Verify model name spelling:**

    Check [Models Catalog](/home/models) for exact model names:

    ```bash theme={null}
    # Common mistakes:
    "gpt5"           <Icon icon="xmark" />  # Missing dash
    "gpt-5"          <Icon icon="check" />

    "claude-sonnet"  <Icon icon="xmark" />  # Missing version
    "claude-sonnet-4" <Icon icon="check" />

    "gemini-pro"     <Icon icon="xmark" />  # Wrong version
    "gemini-2.5-pro" <Icon icon="check" />
    ```
  </Accordion>

  <Accordion title="Configuration Not Loading">
    **Check file locations:**

    ```bash theme={null}
    # CLI agents
    ls -la ~/.claude/settings.json      # Claude Code
    ls -la ~/.codex/config.toml         # Codex
    ls -la ~/.config/opencode/           # OpenCode

    # Project configs
    ls -la .claude/settings.json         # Claude Code
    ls -la .opencode/opencode.json       # OpenCode
    ls -la .vscode/settings.json         # VSCode extensions

    # Validate JSON/TOML syntax
    jq . ~/.claude/settings.json         # Test JSON
    cat ~/.codex/config.toml | grep -    # Test TOML
    ```

    **Check permissions:**

    ```bash theme={null}
    chmod 644 ~/.claude/settings.json
    chmod 644 ~/.codex/config.toml
    ```
  </Accordion>

  <Accordion title="Environment Variables Not Set">
    **Reload your shell config:**

    ```bash theme={null}
    # Bash
    source ~/.bashrc

    # Zsh
    source ~/.zshrc

    # Fish
    source ~/.config/fish/config.fish

    # Verify
    echo $MEGALLM_API_KEY
    echo $ANTHROPIC_BASE_URL
    ```

    **Check where it's defined:**

    ```bash theme={null}
    # Search all shell configs
    grep -r "MEGALLM_API_KEY" ~/.*rc ~/.config/
    ```
  </Accordion>
</AccordionGroup>

## Feature Comparison

### Interfaces & Usage

| Agent          | CLI Available                       | Editor/GUI                         | Chat Interface                   | Multi-file Edit       |
| -------------- | ----------------------------------- | ---------------------------------- | -------------------------------- | --------------------- |
| Claude Code    | <Icon icon="check" />  Primary      | <Icon icon="check" />  VSCode ext  | <Icon icon="check" />  CLI + GUI | <Icon icon="check" /> |
| Codex/Windsurf | <Icon icon="check" />  Primary      | <Icon icon="check" />  Editor      | <Icon icon="check" />  CLI + GUI | <Icon icon="check" /> |
| OpenCode       | <Icon icon="check" />  Primary      | <Icon icon="check" />  Plugins     | <Icon icon="check" />  CLI + GUI | <Icon icon="check" /> |
| Kilocode       | <Icon icon="wrench" />  Coming soon | <Icon icon="check" />  VSCode only | <Icon icon="check" />  GUI       | <Icon icon="check" /> |
| RooCode        | <Icon icon="xmark" />               | <Icon icon="check" />  Standalone  | <Icon icon="check" />  GUI       | <Icon icon="check" /> |
| Cline          | <Icon icon="wrench" />  Coming soon | <Icon icon="check" />  VSCode only | <Icon icon="check" />  GUI       | <Icon icon="check" /> |

### Integrations

| Agent          | Terminal Access                                  | Git Integration                 | File Tree             | Code Review                      |
| -------------- | ------------------------------------------------ | ------------------------------- | --------------------- | -------------------------------- |
| Claude Code    | <Icon icon="check" />  Native CLI                | <Icon icon="check" />  Native   | <Icon icon="check" /> | <Icon icon="check" />  In editor |
| Codex/Windsurf | <Icon icon="check" />  Native CLI                | <Icon icon="check" />  Native   | <Icon icon="check" /> | <Icon icon="check" />  In editor |
| OpenCode       | <Icon icon="check" />  Native CLI                | <Icon icon="check" />  Native   | <Icon icon="check" /> | <Icon icon="check" />  In editor |
| Kilocode       | <Icon icon="triangle-exclamation" />  Via VSCode | <Icon icon="check" />  VSCode   | <Icon icon="check" /> | <Icon icon="check" />            |
| RooCode        | <Icon icon="check" />  Built-in                  | <Icon icon="check" />  Built-in | <Icon icon="check" /> | <Icon icon="check" />            |
| Cline          | <Icon icon="check" />  VSCode term               | <Icon icon="check" />  VSCode   | <Icon icon="check" /> | <Icon icon="check" />            |

### Configuration Flexibility

| Agent          | System Config         | Project Config                               | Env Vars                                      | Team Sharing                                  |
| -------------- | --------------------- | -------------------------------------------- | --------------------------------------------- | --------------------------------------------- |
| Claude Code    | <Icon icon="check" /> | <Icon icon="check" />                        | <Icon icon="check" />                         | <Icon icon="check" />                         |
| Codex/Windsurf | <Icon icon="check" /> | <Icon icon="xmark" />                        | <Icon icon="check" />                         | <Icon icon="triangle-exclamation" />  Limited |
| OpenCode       | <Icon icon="check" /> | <Icon icon="check" />                        | <Icon icon="check" />                         | <Icon icon="check" />                         |
| Kilocode       | <Icon icon="check" /> | <Icon icon="check" />                        | <Icon icon="check" />                         | <Icon icon="check" />                         |
| RooCode        | <Icon icon="check" /> | <Icon icon="triangle-exclamation" />  Import | <Icon icon="triangle-exclamation" />  Limited | <Icon icon="triangle-exclamation" />  Export  |
| Cline          | <Icon icon="check" /> | <Icon icon="check" />                        | <Icon icon="check" />                         | <Icon icon="check" />                         |

## Best Practices

<CardGroup cols={2}>
  <Card title="Use Environment Variables" icon="key">
    Store API keys in environment variables, never commit them to version control
  </Card>

  <Card title="Project-Level for Teams" icon="users">
    Use project-level config for shared settings, local files for personal keys
  </Card>

  <Card title="Choose Right Agent" icon="compass">
    CLI for automation/CI/CD, GUI for interactive coding and visual workflows
  </Card>

  <Card title="Test Configuration" icon="flask">
    Verify API connection with curl before configuring agents
  </Card>

  <Card title="Keep Keys Secure" icon="lock">
    Add sensitive files to .gitignore, use different keys for dev/prod
  </Card>

  <Card title="Regular Updates" icon="rotate">
    Keep agents updated for latest features, security patches, and bug fixes
  </Card>
</CardGroup>

## Next Steps

<CardGroup cols={3}>
  <Card title="Claude Code" icon="https://mintcdn.com/ghostlyticspaymentspvtltd/I3Glsm29CAoCIpN0/logo/claude.svg?fit=max&auto=format&n=I3Glsm29CAoCIpN0&q=85&s=26979b4ab3c813d61504095afb8bb1a1" href="/en/agents/claude" width="16" height="16" data-path="logo/claude.svg">
    CLI with JSON config
  </Card>

  <Card title="Codex/Windsurf" icon="https://mintcdn.com/ghostlyticspaymentspvtltd/F9nt7LOHihlPvM1P/logo/codex.svg?fit=max&auto=format&n=F9nt7LOHihlPvM1P&q=85&s=5bbd1c4feca6af0fbfac0ad765b1696b" href="/en/agents/codex" width="512" height="512" data-path="logo/codex.svg">
    CLI with TOML config
  </Card>

  <Card title="OpenCode" icon="https://mintcdn.com/ghostlyticspaymentspvtltd/I3Glsm29CAoCIpN0/logo/opencode.svg?fit=max&auto=format&n=I3Glsm29CAoCIpN0&q=85&s=790702f153dab69c5961a9cf9e9db7af" href="/en/agents/opencode" width="400" height="400" data-path="logo/opencode.svg">
    CLI with auto-fetch
  </Card>

  <Card title="Kilocode" icon="https://mintcdn.com/ghostlyticspaymentspvtltd/I3Glsm29CAoCIpN0/logo/kilocode.svg?fit=max&auto=format&n=I3Glsm29CAoCIpN0&q=85&s=99525076c0546a882a8c731ec28759ac" href="/en/agents/kilocode" width="32" height="32" data-path="logo/kilocode.svg">
    VSCode extension
  </Card>

  <Card title="RooCode" icon="https://mintcdn.com/ghostlyticspaymentspvtltd/I3Glsm29CAoCIpN0/logo/roocode.svg?fit=max&auto=format&n=I3Glsm29CAoCIpN0&q=85&s=1517c9f8fa0cb55b8b3409f52e8c172f" href="/en/agents/roocode" width="32" height="32" data-path="logo/roocode.svg">
    Standalone app
  </Card>

  <Card title="Cline" icon="https://mintcdn.com/ghostlyticspaymentspvtltd/I3Glsm29CAoCIpN0/logo/cline.svg?fit=max&auto=format&n=I3Glsm29CAoCIpN0&q=85&s=1f96191dea05c752380d70e31187bf72" href="/en/agents/cline" width="16" height="16" data-path="logo/cline.svg">
    VSCode + autonomy
  </Card>
</CardGroup>

<CardGroup cols={2}>
  <Card title="Models Catalog" icon="layer-group" href="/en/home/models">
    Browse all available models
  </Card>

  <Card title="API Reference" icon="book" href="/en/api-reference/introduction">
    Direct API integration
  </Card>
</CardGroup>
