Apidog

Platform Pengembangan API Kolaboratif All-in-one

Desain API

Dokumentasi API

Debug API

Mocking API

Pengujian Otomatis

10 Server Cursor MCP Terbaik untuk Vibe Coder di 2025

Emmanuel Mumba

Emmanuel Mumba

Updated on May 29, 2025

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.

button

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.
button

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.