Mari kita hadapi—pengembangan modern bergerak cepat. Dan dengan begitu banyak alat di luar sana, tetap efisien tanpa berpindah-pindah aplikasi adalah pengubah permainan. Di situlah server MCP (Model Context Protocol) berperan. Mereka bekerja di balik layar untuk menghubungkan fitur-fitur canggih seperti web scraping, pratinjau desain, otomatisasi browser, atau bahkan konversi dokumen langsung ke editor Cursor Anda.
Alih-alih berpindah tab atau menulis kode boilerplate, Anda mendapatkan alat cerdas dan mulus yang berfungsi di dalam alur kerja Anda. Dalam panduan ini, kami menyoroti 10 server MCP open-source terbaik yang dapat Anda mulai gunakan hari ini untuk meningkatkan produktivitas Anda di Cursor.
1. Server MCP Apidog
Server MCP Apidog dibangun khusus untuk pengembang yang bekerja dengan API. Ini menghubungkan asisten AI seperti Cursor langsung ke dokumentasi API Anda, sehingga Anda dapat membangun lebih cerdas dan lebih cepat tanpa berpindah tab.
Tidak seperti plugin konteks generik, Apidog berfokus untuk membuat spesifikasi OpenAPI Anda, data endpoint, dan detail skema dapat diakses secara instan oleh AI. Ingin membuat antarmuka TypeScript atau membangun klien Python berdasarkan endpoint asli Anda? Cukup tanyakan pada Cursor—ia sudah mengetahui struktur API Anda.
Fitur Unggulan:
- Sinkronisasi dengan proyek Apidog, dokumen publik, atau file OpenAPI lokal
- Memungkinkan kueri bahasa alami seperti "Bagaimana struktur respons untuk /users?"
- Melakukan cache spesifikasi secara lokal untuk pengembangan yang cepat dan siap offline
- Menjaga saran AI tetap akurat dan sesuai proyek

Mengonfigurasi MCP di Cursor
Edit File Konfigurasi MCPBuka editor Cursor, klik ikon pengaturan (kanan atas), pilih "MCP" dari menu kiri, lalu klik "+ Tambahkan server MCP global baru".

Tambahkan KonfigurasiTempelkan konfigurasi berikut di mcp.json
yang terbuka. Ingat untuk mengganti <access-token>
dan <project-id>
dengan milik Anda:
{
"mcpServers": {
"API specification": {
"command": "cmd",
"args": [
"/c",
"npx",
"-y",
"apidog-mcp-server@latest",
"--project=<project-id>"
],
"env": {
"APIDOG_ACCESS_TOKEN": "<access-token>"
}
}
}
}
Verifikasi KonfigurasiUji koneksi dengan bertanya pada AI (dalam mode Agen):
Please fetch API specification via MCP and tell me how many endpoints exist in the project
Koneksi berhasil dikonfirmasi ketika AI mengembalikan informasi API proyek Apidog Anda.

Server MCP Apidog menghilangkan salah satu pembunuh produktivitas terbesar dalam pengembangan API: bolak-balik antara dokumen dan kode. Ini mengubah spesifikasi API menjadi basis pengetahuan yang cerdas dan dapat dikueri.
2. Server MCP Browserbase

Gambaran Umum: Server MCP Browserbase memberdayakan asisten AI untuk berinteraksi dengan halaman web di lingkungan browser cloud, menangani konten dinamis dan interaksi pengguna yang kompleks.
Fitur Utama:
- Sesi browser berbasis cloud dengan manajemen sesi
- Tangkapan layar halaman penuh dan elemen spesifik
- Eksekusi JavaScript dan manipulasi DOM
- Instansi browser paralel untuk multitasking

Server ini sangat berguna untuk menguji aplikasi web dan mengotomatiskan interaksi situs web yang berulang.
Untuk menambahkan Browserbase ke Cursor, pertama peroleh kredensial API dari browserbase.io, lalu tambahkan konfigurasi berikut ke file .cursor/mcp.json
Anda:
{
"mcpServers": {
"browserbase": {
"command": "node",
"args": ["path/to/mcp-server-browserbase/browserbase/dist/index.js"],
"env": {
"BROWSERBASE_API_KEY": "your_api_key_here",
"BROWSERBASE_PROJECT_ID": "your_project_id_here"
}
}
}
}
3. Server MCP Magic

Server MCP Magic mengintegrasikan kemampuan AI generatif langsung ke dalam alur kerja pengembangan Anda. Ini memungkinkan untuk:
- Pembuatan gambar placeholder selama pengembangan front-end
- Transformasi teks ke berbagai format atau gaya
- Ringkasan konten untuk dokumentasi
- Pembuatan contoh kode dari deskripsi bahasa alami
Dengan memanfaatkan API OpenAI, Magic MCP membawa fitur canggih berbasis AI untuk membantu dalam berbagai tugas pengembangan.
{
"mcpServers": {
"@21st-dev/magic": {
"command": "npx",
"args": ["-y", "@21st-dev/magic@latest", "API_KEY=\"your-api-key\""]
}
}
}
Lokasi file konfigurasi:
- Cursor:
~/.cursor/mcp.json
- Windsurf:
~/.codeium/windsurf/mcp_config.json
- Cline:
~/.cline/mcp_config.json
- Claude:
~/.claude/mcp_config.json
4. Server MCP Opik

Server MCP Opik menghubungkan asisten AI Anda ke pencarian web real-time dan eksplorasi pengetahuan. Alih-alih mengandalkan konteks yang kedaluwarsa, Opik memungkinkan pengembang untuk mengambil wawasan, fakta, atau referensi terbaru langsung dari internet, membuat AI lebih terinformasi dan berguna untuk tugas yang membutuhkan banyak penelitian.
Fitur Utama:
- Integrasi pencarian web real-time
- Ringkasan konten eksternal
- Respons yang sadar sumber untuk kutipan
- Berguna untuk dokumentasi, pemeriksaan fakta, dan pembuatan konten
Server ini menyederhanakan manajemen dan visualisasi eksperimen pembelajaran mesin.
Integrasi Cursor
Untuk berintegrasi dengan Cursor IDE, buat file .cursor/mcp.json
di direktori proyek Anda dengan konfigurasi berikut:
{
"mcpServers": {
"opik": {
"command": "/path/to/node",
"args": [
"/path/to/opik-mcp/build/index.js",
"--apiUrl",
"https://www.comet.com/opik/api",
"--apiKey",
"YOUR_API_KEY",
"--workspace",
"default",
"--debug",
"true"
],
"env": {
"OPIK_API_BASE_URL": "https://www.comet.com/opik/api",
"OPIK_API_KEY": "YOUR_API_KEY",
"OPIK_WORKSPACE_NAME": "default",
}
}
}
}
Ganti /path/to/node
dengan path ke executable Node.js Anda dan /path/to/opik-mcp
dengan path ke instalasi opik-mcp Anda. Juga ganti YOUR_API_KEY
dengan kunci API Opik Anda yang sebenarnya.
5. Server MCP Konteks Figma

Server MCP Konteks Figma menjembatani desain dan kode dengan memberikan data Figma langsung ke asisten coding Anda. Ini memungkinkan pengembang untuk mengueri desain, memahami tata letak, dan membuat kode UI berdasarkan apa yang sudah dirancang—tidak perlu lagi bolak-balik dengan tim desain.
Fitur Utama:
- Akses ke frame, layer, dan teks Figma
- Mengubah desain menjadi kode komponen (misalnya, React, HTML/CSS)
- Menganalisis spasi, warna, dan tipografi
- Mengidentifikasi inkonsistensi visual atau elemen yang hilang
- Menerjemahkan struktur Figma menjadi wawasan siap pengembangan
Integrasi ini memastikan konsistensi desain dan merampingkan proses pengembangan.
{
"mcpServers": {
"figma": {
"command": "npx",
"args": ["-y", "figma-context-mcp"],
"env": {
"FIGMA_ACCESS_TOKEN": "your_figma_token_here"
}
}
}
}
6. Server MCP Pandoc

Server MCP Pandoc membawa kemampuan konversi dokumen yang canggih ke lingkungan pengembangan Anda. Ini memungkinkan transformasi dokumen antara berbagai format, seperti:
- Markdown ke PDF, HTML, DOCX, dan lainnya
- Memproses makalah akademis atau catatan penelitian
- Membuat laporan dari berbagai bahan sumber
- Membangun alur kerja penerbitan
Server ini sangat berharga bagi pengembang yang bekerja dengan beragam format dokumentasi.
Untuk menambahkan server MCP Excel ke konfigurasi Cursor Anda, tambahkan ini ke file .cursor/mcp.json
Anda:
{
"mcpServers": {
"excel": {
"command": "npx",
"args": ["-y", "excel-mcp-server"]
}
}
}
7. Server MCP Excel

Server MCP Excel mengubah spreadsheet Anda menjadi sumber data yang dapat diakses oleh AI. Ini memungkinkan asisten AI Anda untuk membaca, mengueri, dan bahkan menulis ke file Excel secara real time, membantu Anda mengotomatiskan pembuatan laporan, transformasi data, dan implementasi logika langsung dalam kode.
Fitur Utama:
- Membaca dan mengurai lembar, baris, dan rumus Excel
- Membuat visualisasi atau ringkasan dari data spreadsheet
- Mengubah sel dan rumus secara terprogram
- Mengekspor data yang diproses kembali ke Excel
- Sangat baik untuk mengotomatiskan tugas pelaporan yang berulang
Server ini sangat bermanfaat untuk memproses data yang disimpan dalam spreadsheet Excel dan membuat laporan.
Untuk menambahkan server MCP Excel ke konfigurasi Cursor Anda, tambahkan ini ke file .cursor/mcp.json
Anda:
{
"mcpServers": {
"excel": {
"command": "npx",
"args": ["-y", "excel-mcp-server"]
}
}
}
8. Server MCP Mindmap

Server MCP Mindmap memberikan asisten AI Anda akses ke peta pemikiran terstruktur. Ini sangat berguna saat melakukan brainstorming fitur, merencanakan arsitektur, atau membuat kerangka dokumen. Asisten dapat membaca, menafsirkan, dan bahkan menyarankan perubahan pada mindmap, mengubah ide mentah menjadi langkah-langkah yang dapat ditindaklanjuti.
Fitur Utama:
- Mengimpor dan menafsirkan mindmap terstruktur
- Mengubah node visual menjadi kerangka atau tugas terstruktur
- Mempertahankan hierarki logis untuk perencanaan dan dokumentasi
- Berkolaborasi pada konsep yang berkembang dengan dukungan AI
- Gunakan sebagai alat untuk perencanaan kreatif atau penentuan ruang lingkup produk
Alat ini membantu pengembang mengatur ide dan merencanakan fitur secara efektif.
Tambahkan berikut ini ke file .cursor/mcp.json
Anda:
{
"mcpServers": {
"mindmap": {
"command": "npx",
"args": ["-y", "mindmap-mcp-server"]
}
}
}
9. Server MCP Markdownify

Server MCP Markdownify memungkinkan konversi berbagai format konten menjadi markdown yang bersih dan terstruktur. Ini berguna untuk:
- Mengubah konten HTML menjadi markdown
- Membersihkan dokumentasi
- Standardisasi format konten
- Mempersiapkan konten untuk platform berbasis markdown
Server ini merampingkan proses persiapan konten untuk platform seperti GitHub atau blog teknis.
Untuk mengintegrasikan server ini dengan aplikasi desktop, tambahkan berikut ini ke konfigurasi server aplikasi Anda:
{
"mcpServers": {
"markdownify": {
"command": "node",
"args": [
"{ABSOLUTE PATH TO FILE HERE}/dist/index.js"
],
"env": {
// By default, the server will use the default install location of `uv`
"UV_PATH": "/path/to/uv"
}
}
}
}
10. Server MCP Tavily

Server MCP Tavily berfokus pada penyediaan pengetahuan berkualitas tinggi yang dikurasi untuk asisten AI Anda. Ini menggabungkan beberapa sumber pengetahuan dan menggunakan penyaringan cerdas untuk memberikan informasi yang lebih relevan kepada asisten Anda—menjadikannya ideal untuk penelitian mendalam, referensi kode, atau penulisan teknis.
Fitur Utama:
- Pengambilan pengetahuan yang kaya konteks
- Ringkasan topik kompleks yang ramah AI
- Mempertimbangkan otoritas dan keandalan sumber
- Agregasi multi-sumber (dokumen, blog, artikel)
- Canggih untuk tugas pengembangan yang membutuhkan banyak penelitian
Edit file konfigurasi sebagai berikut:
"mcpServers": {
"tavily-search": {
"command": "uv",
"args": [
"--directory",
"C:\\your_path\\mcp-server-tavily",
"run",
"tavily-search"
],
"env": {
"TAVILY_API_KEY": "YOUR_TAVILY_API_KEY",
"PYTHONIOENCODING": "utf-8"
}
}
}
Cara Memilih Server MCP yang Tepat untuk Cursor
Dengan begitu banyak server MCP yang tersedia, memilih yang tepat untuk alur kerja pengembangan Anda bisa terasa membebani. Berikut adalah beberapa faktor yang perlu dipertimbangkan untuk membuat pilihan terbaik:
1. Kasus Penggunaan Anda
Server MCP yang berbeda unggul dalam tugas yang berbeda:
- Apidog terbaik jika Anda bekerja dengan API dan dokumentasi OpenAPI.
- Firecrawl unggul dalam web scraping, otomatisasi browser, dan agen multi-modal.
- Figma sempurna untuk alur kerja desain-ke-kode.
Sesuaikan server dengan kebutuhan coding Anda yang paling umum.
2. Open Source vs Hosted
Jika privasi menjadi perhatian atau Anda membutuhkan lebih banyak kontrol:
- Pilih server MCP open-source seperti Firecrawl, Apidog, dan AnyMCP.
- Opsi hosted nyaman tetapi mungkin tidak menawarkan transparansi penuh atau caching lokal.
Kesimpulan: Merampingkan Alur Kerja Pengembangan Anda
Mengintegrasikan server MCP ini ke dalam lingkungan Cursor Anda dapat secara signifikan meningkatkan alur kerja pengembangan Anda. Dengan mengurangi perpindahan konteks dan membawa alat canggih langsung ke IDE Anda, Anda dapat lebih fokus pada coding dan kurang pada pengelolaan alat yang berbeda.
Memulai dengan Server MCP Firecrawl adalah pilihan pragmatis karena kemampuan web scraping-nya yang tangguh dan dukungan komunitas yang kuat. Saat Anda menjadi lebih nyaman, menjelajahi server lain seperti Browserbase untuk otomatisasi browser atau Magic MCP untuk utilitas AI generatif dapat lebih meningkatkan pengalaman pengembangan Anda.