10 Server Cursor MCP Terbaik untuk Vibe Coder di 2025

Emmanuel Mumba

Emmanuel Mumba

29 May 2025

10 Server Cursor MCP Terbaik untuk Vibe Coder di 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:

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:

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:

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:

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:

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:

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:

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:

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:

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:

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:

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:

Sesuaikan server dengan kebutuhan coding Anda yang paling umum.

2. Open Source vs Hosted

Jika privasi menjadi perhatian atau Anda membutuhkan lebih banyak kontrol:

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.

Mengembangkan API dengan Apidog

Apidog adalah alat pengembangan API yang membantu Anda mengembangkan API dengan lebih mudah dan efisien.