
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:
- AnyCap CLI mendaftar sebagai klien MCP — Claude Code menemukan alat yang tersedia secara otomatis
- Setiap kemampuan dipetakan ke server MCP produksi — Pembuatan gambar, video, pencarian, dan penyimpanan masing-masing berjalan di infrastruktur khusus
- Autentikasi terpadu — Satu
anycap loginmenyediakan akses ke semua server - 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
- Claude Code vs Cursor: Agen Coding AI Mana yang Menang di 2026? — Agen berbasis terminal vs fork IDE. Bandingkan otonomi, penanganan konteks, harga, tugas nyata, dan kapan menggunakan masing-masing.
- Fitur Lanjutan Claude Code: Subagen, Auto-Approve & Mode Bash — Kuasai subagen untuk pemrosesan paralel, auto-approve untuk alur kerja lebih cepat, dan hooks untuk otomasi.
- Cara Menginstal dan Menyiapkan Claude Code — Panduan instalasi langkah demi langkah untuk macOS, Linux, dan Windows.
- Batas Kecepatan & Batas Token Claude Code Dijelaskan — Strategi praktis untuk tetap produktif dan menghindari batas kecepatan serta batas sesi.