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

# Integrasi Claude Code

> Konfigurasikan Claude Code CLI menggunakan endpoint Anthropic dan MCP Neosantara.

[Claude Code](https://docs.anthropic.com/en/docs/claude-code/overview?utm_source=neosantara-docs\&utm_medium=referral) adalah asisten koding berbasis terminal resmi dari [Anthropic](https://www.anthropic.com/?utm_source=neosantara-docs\&utm_medium=referral). Anda dapat menggunakannya bersama Neosantara melalui dua cara: sebagai penyedia model LLM utama atau sebagai penyedia tools tambahan melalui Model Context Protocol (MCP).

## Metode 1: Penyedia Model Utama

Neosantara menyediakan endpoint yang kompatibel dengan protokol Anthropic di `/anthropic`.

<Steps>
  <Step title="Pasang Claude Code CLI">
    ```bash theme={"theme":{"light":"ayu-dark","dark":"catppuccin-latte"}}
    npm install -g @anthropic-ai/claude-code
    ```
  </Step>

  <Step title="Konfigurasikan Variabel Lingkungan">
    Atur base URL ke gateway Neosantara dan masukkan API key Anda:

    ```bash theme={"theme":{"light":"ayu-dark","dark":"catppuccin-latte"}}
    export ANTHROPIC_BASE_URL="https://api.neosantara.xyz/anthropic"
    export ANTHROPIC_API_KEY="nsk_your_api_key_here"
    ```

    Untuk persistensi di sesi terminal berikutnya, tambahkan baris di atas ke file konfigurasi shell Anda (`~/.bashrc` atau `~/.zshrc`).
  </Step>

  <Step title="Jalankan Claude Code">
    Masuk ke direktori proyek Anda dan jalankan perintah:

    ```bash theme={"theme":{"light":"ayu-dark","dark":"catppuccin-latte"}}
    claude
    ```

    Claude Code akan langsung terhubung ke Neosantara menggunakan model default `claude-sonnet-4-6`.
  </Step>
</Steps>

## Metode 2: Menambahkan Server MCP Neosantara

Jika Anda ingin Claude Code mengakses tools Neosantara seperti pembuatan gambar atau katalog model aktif, tambahkan Neosantara sebagai server MCP:

```bash theme={"theme":{"light":"ayu-dark","dark":"catppuccin-latte"}}
claude mcp add --transport http neosantara https://api.neosantara.xyz/v1/mcp --header "x-api-key: nsk_mcp_your_key_here"
```

<Note>
  Koneksi MCP membutuhkan API key khusus berawalan `nsk_mcp_`. Dapatkan API key ini melalui [Dashboard API Keys](https://app.neosantara.xyz/api-keys) atau panduan [API Key MCP](/id/agents/mcp-keys).
</Note>

### Memverifikasi Server MCP

Periksa status server MCP yang terhubung:

```bash theme={"theme":{"light":"ayu-dark","dark":"catppuccin-latte"}}
claude mcp list
```

Output terminal akan menampilkan `neosantara` dengan status aktif dan daftar tools yang tersedia.

## Pengujian Interaksi

Jalankan pengujian sederhana di dalam sesi Claude Code:

```text theme={"theme":{"light":"ayu-dark","dark":"catppuccin-latte"}}
> Buat fungsi utilitas debounce dalam TypeScript dan uji perilakunya.
```

## Langkah Selanjutnya

| Kebutuhan              | Panduan                                   |
| :--------------------- | :---------------------------------------- |
| Konfigurasi OpenCode   | [Integrasi OpenCode](/id/agents/opencode) |
| Konfigurasi IDE Cursor | [Integrasi Cursor](/id/agents/cursor)     |
| Rincian API Key MCP    | [API Key MCP](/id/agents/mcp-keys)        |


## Related topics

- [Arsitektur MCP & Agen](/id/agents/overview.md)
- [Integrasi Cursor](/id/agents/cursor.md)
- [Integrasi OpenCode](/id/agents/opencode.md)
- [Anthropic Messages API](/id/gateway/anthropic-messages.md)