Cara Menambahkan Kemampuan Agen ke Claude Code dengan MCP

Berikan Claude Code kemampuan pembuatan gambar, video, pencarian web, dan penyimpanan cloud melalui MCP. Panduan konfigurasi server MCP langkah demi langkah plus jalur cepat satu perintah AnyCap.

by AnyCap

Agen AI terhubung ke beberapa server kemampuan melalui protokol MCP


Claude Code adalah agen coding berbasis terminal yang canggih — namun secara default, ia hanya bisa mengedit file, menjalankan perintah shell, dan mengelola git. Ia tidak bisa membuat gambar, menelusuri web, membuat video, atau menyimpan file di cloud. MCP (Model Context Protocol) mengubah segalanya.

MCP adalah standar terbuka yang memungkinkan agen AI terhubung ke alat eksternal. Claude Code mendukung MCP secara native. Konfigurasikan sebuah server, dan Claude bisa memanggilnya langsung — tanpa copy-paste, tanpa berpindah tab browser, tanpa peralihan konteks.

Panduan ini mencakup dua jalur: konfigurasi MCP manual (untuk server individual) dan jalur cepat AnyCap (satu CLI untuk semua kemampuan yang dibutuhkan agen Anda). Jika Anda belum menginstal Claude Code, mulailah dengan panduan instalasi Claude Code kami.


Apa yang Tidak Bisa Dilakukan Claude Code (dan Cara MCP Mengatasinya)

Kemampuan Tanpa MCP Dengan MCP
Membuat gambar Tanya Claude, salin prompt ke alat lain Claude memanggil server pembuatan gambar langsung
Menelusuri web Buka browser, cari secara manual Claude mengkueri API pencarian langsung
Membuat video Gunakan alat video terpisah Claude membuat video dari teks atau gambar
Penyimpanan cloud Hanya file lokal Claude mengunggah, berbagi, dan mengambil dari cloud
Menerbitkan konten Deployment manual Claude mendeploy melalui publishing MCP
Kueri database SQL manual Claude mengkueri Postgres, Supabase, dll.
Otomasi GitHub Gunakan gh CLI secara manual Claude membuat PR, meninjau kode, mengelola issue

Setiap kolom "Tanpa MCP" mewakili gangguan alur kerja. Setiap kolom "Dengan MCP" berarti Claude mengerjakan pekerjaan sementara Anda tetap fokus.


Jalur 1: Konfigurasi MCP Manual

Cara Kerja MCP

Server MCP mengekspos alat melalui antarmuka JSON-RPC. Claude terhubung melalui dua metode transport:

  • stdio — Komunikasi proses lokal. Server berjalan di mesin Anda. Claude Desktop terutama menggunakan ini.
  • HTTP/SSE — Komunikasi server jarak jauh. Claude Code dan Claude Web mendukung ini untuk server yang di-host di cloud.

Menambahkan Server ke Claude Code

Interaktif (server stdio):

# Server GitHub
claude mcp add github -- npx -y @modelcontextprotocol/server-github

# Brave Search
claude mcp add brave-search -- npx -y @modelcontextprotocol/server-brave-search

# Postgres
claude mcp add postgres -- npx -y @modelcontextprotocol/server-postgres

Interaktif (server HTTP):

claude mcp add --transport http my-server https://my-mcp-server.com/mcp

Konfigurasi tingkat proyek (.mcp.json):

Untuk konsistensi seluruh tim, definisikan server MCP dalam .mcp.json di root proyek Anda:

{
  "mcpServers": {
    "github": {
      "command": "npx",
      "args": ["-y", "@modelcontextprotocol/server-github"],
      "env": {
        "GITHUB_TOKEN": "ghp_your_token_here"
      }
    },
    "postgres": {
      "command": "npx",
      "args": ["-y", "@modelcontextprotocol/server-postgres"],
      "env": {
        "DATABASE_URL": "postgresql://localhost/mydb"
      }
    }
  }
}

Commit file ini — seluruh tim Anda akan mendapatkan server MCP yang sama secara otomatis.

Menambahkan Server ke Claude Desktop

Claude Desktop membaca dari claude_desktop_config.json:

  • macOS: ~/Library/Application Support/Claude/claude_desktop_config.json
  • Windows: %APPDATA%\Claude\claude_desktop_config.json
{
  "mcpServers": {
    "github": {
      "command": "npx",
      "args": ["-y", "@modelcontextprotocol/server-github"],
      "env": { "GITHUB_TOKEN": "ghp_your_token" }
    }
  }
}

Simpan, tutup Claude Desktop sepenuhnya (bukan hanya menutup jendela), dan mulai ulang.

Mengelola Server

# Daftarkan semua server yang dikonfigurasi
claude mcp list

# Periksa alat server tertentu
claude mcp get github

# Hapus server
claude mcp remove github

Jalur 2: Jalur Cepat AnyCap (Direkomendasikan)

Mengonfigurasi server MCP individual memang bisa, tetapi berarti mengelola kunci API, token, dan file konfigurasi terpisah untuk setiap kemampuan. Pembuatan gambar membutuhkan satu server. Pencarian web membutuhkan yang lain. Pembuatan video membutuhkan yang ketiga. Penyimpanan cloud, yang keempat.

AnyCap memberikan semuanya melalui satu perintah:

npx -y skills add anycap-ai/anycap -a claude-code

Yang Anda Dapatkan

Kemampuan Server MCP Yang Kini Bisa Dilakukan Claude
Pembuatan Gambar Nano Banana 2, Seedream 4.5 Membuat gambar dari teks, mengedit gambar yang ada, membuat banner hero, mockup produk
Pembuatan Video Veo 3.1, Seedance 1.5 Pro Memproduksi video dari deskripsi teks atau gambar diam
Pencarian Web Brave, Exa, Firecrawl Mencari internet langsung, melakukan crawl website, mengekstrak data terstruktur
Penyimpanan Cloud AnyCap Drive Mengunggah file, membuat link berbagi, mengambil aset tersimpan
Penerbitan Web AnyCap Page Mendeploy konten sebagai halaman web yang di-host

Satu CLI. Satu alur autentikasi. Semua kemampuan. Jalankan anycap login sekali, dan setiap server MCP terauthentikasi. Untuk perbandingan Claude Code dengan alat coding lainnya, lihat perbandingan Claude Code vs Cursor kami.

Cara Kerjanya di Balik Layar

AnyCap adalah runtime kemampuan agen. Saat Anda menginstalnya ke Claude Code:

  1. AnyCap CLI mendaftar sebagai klien MCP — Claude Code menemukan alat yang tersedia secara otomatis
  2. Setiap kemampuan dipetakan ke server MCP produksi — Pembuatan gambar, video, pencarian, dan penyimpanan masing-masing berjalan di infrastruktur khusus
  3. Autentikasi terpadu — Satu anycap login menyediakan akses ke semua server
  4. Alat muncul di konteks Claude — Minta Claude untuk membuat gambar atau mencari web, dan ia memanggil server yang tepat

Contoh: Alur Kerja End-to-End

Anda sedang membangun landing page. Tanpa MCP, Anda harus berpindah antara Claude Code, alat gambar terpisah, browser untuk riset, dan layanan berbagi file. Dengan AnyCap:

Anda: "Buat gambar hero untuk landing page SaaS dengan tema gelap dan aksen gradien"

Claude: [memanggil server MCP pembuatan gambar AnyCap]
       Ini gambar hero yang dibuat.

Anda: "Cari harga terbaru alat SaaS pesaing"

Claude: [memanggil server MCP pencarian web AnyCap]
       Berdasarkan data terkini: Alat A seharga $29/bulan, Alat B $49/bulan.

Anda: "Unggah gambar hero ke penyimpanan cloud dan berikan link berbagi"

Claude: [memanggil server MCP AnyCap Drive]
       Diunggah. Link berbagi: https://drive.anycap.ai/abc123

Satu percakapan. Tanpa peralihan alat. Tanpa copy-paste.


Mengelola Biaya Token MCP

Setiap server MCP yang Anda hubungkan mengekspos definisi alat ke jendela konteks Claude. Ini mengonsumsi token — secara tak terlihat, namun cukup signifikan:

Server Alat Konteks Digunakan Dampak
3–5 server ~15–25 alat 2–4% Minimal
8–10 server ~40–60 alat 8–15% Terasa
15+ server ~80+ alat 15–30% Signifikan — dapat mengurangi kualitas sesi

Praktik terbaik: Mulai dengan kemampuan yang Anda gunakan sehari-hari. Desain AnyCap menjaga definisi alat tetap ramping — satu permukaan alat terpadu alih-alih daftar alat yang terfragmentasi di berbagai server. Untuk strategi pengelolaan token lengkap, lihat panduan batas kecepatan Claude Code kami.


Pemecahan Masalah Konfigurasi MCP

Masalah Kemungkinan Penyebab Solusi
Server tidak muncul File konfigurasi tidak dimuat Tutup sepenuhnya dan mulai ulang aplikasi host
"Koneksi tertutup" Ketidakcocokan versi Node.js Gunakan nvm: nvm install 22 && nvm use 22
Alat tampil sebagai "dinonaktifkan" Konflik nama alat antar server Periksa nama alat yang duplikat/konflik
Autentikasi gagal Kunci API atau token kedaluwarsa Verifikasi kredensial; regenerasi jika diperlukan
Panggilan pertama macet Timeout reverse proxy Tingkatkan proxy_read_timeout; nonaktifkan buffering SSE

Jalankan claude doctor sebelum menghabiskan waktu untuk debugging manual — ia mendeteksi sebagian besar masalah konfigurasi secara otomatis.


Mulai dengan AnyCap (30 Detik)

Jalur MCP manual sangat kuat dan fleksibel. Jalur AnyCap cepat dan terpadu:

# Satu perintah, satu login, semua kemampuan
npx -y skills add anycap-ai/anycap -a claude-code
anycap login

Setelah itu, minta Claude untuk membuat gambar, menelusuri web, atau menyimpan file — dan semuanya langsung berjalan. Tanpa konfigurasi per server. Tanpa manajemen token lintas penyedia. Tanpa peralihan konteks.

Claude Code menjadi agen multimodal penuh — bukan sekadar asisten coding, tetapi alat yang bisa melihat, membuat, mencari, dan menerbitkan.


Artikel Terkait