VibeCoder向け: 注目の2025年MCPサーバー10選

現代の開発は急速に進んでいます。多くのツールがある中で、アプリ間を行き来することなく効率を維持できるのは画期的なことです。そこで登場するのがMCP (Model Context Protocol) サーバーです。これらは舞台裏で機能し、ウェブスクレイピング、デザインプレビュー、ブラウザ自動化、さらにはドキュメント変換といった強力な機能をCursorエディタに直接連携させます。

ボタン

タブを切り替えたり、定型コードを書いたりする代わりに、ワークフロー内でシームレスに機能するスマートなツールが得られます。このガイドでは、Cursorでの生産性を向上させるために今日から使い始められる、最高のオープンソースMCPサーバー10選を紹介します。

1. Apidog MCPサーバー

Apidog MCPサーバーは、APIを扱う開発者向けに特化して構築されています。AIアシスタント（Cursorなど）をAPIドキュメントに直接連携させ、タブを切り替えることなく、よりスマートかつ迅速に開発を進めることができます。

汎用的なコンテキストプラグインとは異なり、ApidogはOpenAPI仕様、エンドポイントデータ、スキーマの詳細をAIが即座に利用できるようにすることに重点を置いています。実際のエンドポイントに基づいてTypeScriptインターフェースを生成したり、Pythonクライアントを構築したいですか？Cursorに尋ねるだけで、APIの構造をすでに把握しています。

主な機能：

Apidogプロジェクト、公開ドキュメント、またはローカルのOpenAPIファイルと同期
「/usersの応答構造はどうなっていますか？」のような自然言語クエリを可能に
高速でオフライン対応の開発のために仕様をローカルにキャッシュ
AIの提案を正確かつプロジェクトの状況に合わせて維持

CursorでのMCP設定

MCP設定ファイルを編集Cursorエディタを開き、設定アイコン（右上）をクリックし、左メニューから「MCP」を選択し、「+ Add new global MCP server」をクリックします。

Cursorエディタの設定メニューでMCPが選択されている状態のスクリーンショット。

設定を追加以下の設定を、開かれた mcp.json に貼り付けます。<access-token> と <project-id> はご自身のものに置き換えることを忘れないでください：

{
  "mcpServers": {
    "API specification": {
      "command": "cmd",
      "args": [
        "/c",
        "npx",
        "-y",
        "apidog-mcp-server@latest",
        "--project=<project-id>"
      ],
      "env": {
        "APIDOG_ACCESS_TOKEN": "<access-token>"
      }
    }
  }
}

設定を確認接続をテストするには、AI（エージェントモードで）に以下のように尋ねます：

Please fetch API specification via MCP and tell me how many endpoints exist in the project

接続が成功すると、AIがApidogプロジェクトのAPI情報を返すことで確認されます。

CursorのAIエージェントがApidogプロジェクトの詳細を応答しているスクリーンショット。

Apidog MCPサーバーは、API開発における最大の生産性阻害要因の一つである、ドキュメントとコード間の頻繁な移動を排除します。API仕様を、インテリジェントでクエリ可能な知識ベースに変えます。

2. Browserbase MCPサーバー

概要： Browserbase MCPサーバーは、AIアシスタントがクラウドブラウザ環境でウェブページと対話することを可能にし、動的なコンテンツや複雑なユーザーインタラクションを処理します。

主な機能：

セッション管理機能を備えたクラウドベースのブラウザセッション
フルページおよび要素ごとのスクリーンショット
JavaScriptの実行とDOM操作
マルチタスクのための並列ブラウザインスタンス

このサーバーは、ウェブアプリケーションのテストや、ウェブサイト上の反復的な操作の自動化に特に役立ちます。

BrowserbaseをCursorに追加するには、まず browserbase.io からAPI認証情報を取得し、以下の設定を `.cursor/mcp.json` ファイルに追加します：

{
  "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. Magic MCPサーバー

Magic MCPサーバーは、生成AI機能を開発ワークフローに直接統合します。これにより、以下のことが可能になります：

フロントエンド開発中のプレースホルダー画像の生成
テキストの様々な形式やスタイルへの変換
ドキュメント作成のためのコンテンツの要約
自然言語による説明からのコードサンプルの作成

OpenAIのAPIを活用することで、Magic MCPは強力なAI駆動機能を提供し、様々な開発タスクを支援します。

{
  "mcpServers": {
    "@21st-dev/magic": {
      "command": "npx",
      "args": ["-y", "@21st-dev/magic@latest", "API_KEY=\"your-api-key\""]
    }
  }
}

設定ファイルの場所：

Cursor: ~/.cursor/mcp.json
Windsurf: ~/.codeium/windsurf/mcp_config.json
Cline: ~/.cline/mcp_config.json
Claude: ~/.claude/mcp_config.json

4. Opik MCPサーバー

Opik MCPサーバーは、AIアシスタントをリアルタイムのウェブ検索と知識探索に接続します。古くなったコンテキストに依存する代わりに、Opikは開発者が最新の洞察、事実、または参照情報をインターネットから直接取得することを可能にし、AIをより情報通で、調査に重点を置くタスクに役立つものにします。

主な機能：

リアルタイムのウェブ検索統合
外部コンテンツの要約
引用のためのソースを意識した応答
ドキュメント作成、ファクトチェック、コンテンツ生成に有用

このサーバーは、機械学習実験の管理と可視化を簡素化します。

Cursor連携

Cursor IDEと連携するには、プロジェクトディレクトリに .cursor/mcp.json ファイルを作成し、以下の設定を追加します：

{
  "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",
      }
    }
  }
}

/path/to/node はNode.js実行可能ファイルへのパスに、/path/to/opik-mcp はopik-mcpのインストールパスに置き換えてください。また、YOUR_API_KEY は実際のOpik APIキーに置き換えてください。

5. Figma Context MCPサーバー

Figma Context MCPサーバーは、Figmaデータをコーディングアシスタントに直接供給することで、デザインとコードの橋渡しをします。これにより、開発者はデザインをクエリし、レイアウトを理解し、すでにデザインされたものに基づいてUIコードを生成できます。デザインチームとのやり取りはもう不要です。

主な機能：

Figmaのフレーム、レイヤー、テキストへのアクセス
デザインをコンポーネントコードに変換（例：React, HTML/CSS）
スペース、色、タイポグラフィの分析
視覚的な不整合や不足している要素の特定
Figmaの構造を開発準備ができた洞察に変換

この連携により、デザインの一貫性が保たれ、開発プロセスが効率化されます。

{
  "mcpServers": {
    "figma": {
      "command": "npx",
      "args": ["-y", "figma-context-mcp"],
      "env": {
        "FIGMA_ACCESS_TOKEN": "your_figma_token_here"
      }
    }
  }
}

6. Pandoc MCPサーバー

Pandoc MCPサーバーは、強力なドキュメント変換機能を開発環境にもたらします。これにより、以下のような様々な形式間でドキュメントを変換できます：

MarkdownからPDF、HTML、DOCXなどへ
学術論文や研究ノートの処理
異なるソース資料からのレポート生成
出版ワークフローの構築

このサーバーは、多様なドキュメント形式を扱う開発者にとって非常に価値があります。

Excel MCPサーバーをCursorの設定に追加するには、これを .cursor/mcp.json ファイルに追加します：

{
  "mcpServers": {
    "excel": {
      "command": "npx",
      "args": ["-y", "excel-mcp-server"]
    }
  }
}

7. Excel MCPサーバー

Excel MCPサーバーは、スプレッドシートをAIがアクセス可能なデータソースに変えます。これにより、AIアシスタントがExcelファイルをリアルタイムで読み取り、クエリし、さらには書き込むことが可能になり、レポート生成、データ変換、ロジック実装をコード内で直接自動化するのに役立ちます。

主な機能：

Excelシート、行、数式の読み取りと解析
スプレッドシートデータからの視覚化または要約の生成
プログラムによるセルや数式の変更
処理されたデータをExcelにエクスポート
反復的なレポート作成タスクの自動化に最適

このサーバーは、Excelスプレッドシートに保存されたデータの処理やレポート生成に特に役立ちます。

Excel MCPサーバーをCursorの設定に追加するには、これを .cursor/mcp.json ファイルに追加します：

{
  "mcpServers": {
    "excel": {
      "command": "npx",
      "args": ["-y", "excel-mcp-server"]
    }
  }
}

8. Mindmap MCPサーバー

Mindmap MCPサーバーは、AIアシスタントに構造化された思考マップへのアクセスを提供します。これは、機能のブレインストーミング、アーキテクチャの計画、ドキュメントのアウトライン作成に特に有用です。アシスタントはマインドマップを読み取り、解釈し、変更を提案することもでき、生の状態のアイデアを実行可能なステップに変えます。

主な機能：

構造化されたマインドマップのインポートと解釈
視覚的なノードを構造化されたアウトラインやタスクに変換
計画とドキュメント作成のための論理的な階層を維持
AIサポートによる進化する概念での共同作業
クリエイティブな計画や製品スコープ定義のためのツールとして使用

このツールは、開発者がアイデアを整理し、機能を効果的に計画するのに役立ちます。

以下の内容を .cursor/mcp.json ファイルに追加します：

{
  "mcpServers": {
    "mindmap": {
      "command": "npx",
      "args": ["-y", "mindmap-mcp-server"]
    }
  }
}

9. Markdownify MCPサーバー

Markdownify MCPサーバーは、様々なコンテンツ形式をクリーンで構造化されたMarkdownに変換することを可能にします。これは以下のような場合に有用です：

HTMLコンテンツのMarkdownへの変換
ドキュメントの整理
コンテンツ形式の標準化
Markdownベースのプラットフォーム向けコンテンツの準備

このサーバーは、GitHubや技術ブログのようなプラットフォーム向けにコンテンツを準備するプロセスを効率化します。

このサーバーをデスクトップアプリと連携するには、アプリのサーバー設定に以下を追加します：

{
  "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. Tavily MCPサーバー

Tavily MCPサーバーは、AIアシスタント向けに高品質でキュレーションされた知識を提供することに重点を置いています。複数の知識ソースを組み合わせ、インテリジェントなフィルタリングを使用して、アシスタントにより関連性の高い情報を提供します。これにより、詳細な調査、コード参照、技術文書作成に最適です。

主な機能：

コンテキスト豊富な知識検索
複雑なトピックのAIフレンドリーな要約
ソースの権威性と信頼性を考慮
マルチソース集約（ドキュメント、ブログ、記事）
調査に重点を置く開発タスクに強力

設定ファイルを以下のように編集します：

"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"
    }
  }
}

Cursorに適したMCPサーバーの選び方

非常に多くのMCPサーバーが利用可能であるため、開発ワークフローに最適なものを選ぶのは大変に感じるかもしれません。最適な選択をするために考慮すべきいくつかの要素を以下に示します：

1. ユースケース

異なるMCPサーバーは、異なるタスクに優れています：

APIやOpenAPIドキュメントを扱っている場合は、Apidogが最適です。
Firecrawlは、ウェブスクレイピング、ブラウザ自動化、マルチモーダルエージェントで際立っています。
Figmaは、デザインからコードへのワークフローに最適です。

最も一般的なコーディングニーズに合わせてサーバーを選びましょう。

2. オープンソースかホスト型か

プライバシーが懸念される場合や、より多くの制御が必要な場合：

Firecrawl、Apidog、AnyMCPのようなオープンソースのMCPサーバーを選びましょう。
ホスト型オプションは便利ですが、完全な透明性やローカルキャッシュを提供しない場合があります。

ボタン

まとめ：開発ワークフローを効率化する

これらのMCPサーバーをCursor環境に統合することで、開発ワークフローを大幅に強化できます。コンテキスト切り替えを減らし、強力なツールをIDEに直接もたらすことで、様々なツールの管理に費やす時間を減らし、コーディングに集中できます。

強力なウェブスクレイピング機能と強力なコミュニティサポートがあるFirecrawl MCPサーバーから始めるのは現実的な選択です。慣れてきたら、ブラウザ自動化のためのBrowserbaseや、生成AIユーティリティのためのMagic MCPなど、他のサーバーを探索することで、開発体験をさらに向上させることができます。