/ ディレクトリ / プレイグラウンド / Vercel MCP Adapter
● 公式 Vercel ⚡ 即起動

Vercel MCP Adapter

作者 Vercel · vercel/mcp-adapter

Vercel’s adapter for building MCP servers on Next.js, Nuxt, and SvelteKit with edge functions.

Vercel’s adapter for building MCP servers on Next.js, Nuxt, and SvelteKit with edge functions.

ライブデモ

実際の動作

vercel-mcp-adapter.replay ▶ 準備完了
0/0

インストール

クライアントを選択

~/Library/Application Support/Claude/claude_desktop_config.json  · Windows: %APPDATA%\Claude\claude_desktop_config.json
{
  "mcpServers": {
    "vercel-mcp-adapter": {
      "command": "npx",
      "args": [
        "-y",
        "@vercel/mcp-adapter"
      ]
    }
  }
}

Claude Desktop → Settings → Developer → Edit Config を開く。保存後、アプリを再起動。

~/.cursor/mcp.json · .cursor/mcp.json
{
  "mcpServers": {
    "vercel-mcp-adapter": {
      "command": "npx",
      "args": [
        "-y",
        "@vercel/mcp-adapter"
      ]
    }
  }
}

Cursor は Claude Desktop と同じ mcpServers スキーマを使用。プロジェクト設定はグローバルより優先。

VS Code → Cline → MCP Servers → Edit
{
  "mcpServers": {
    "vercel-mcp-adapter": {
      "command": "npx",
      "args": [
        "-y",
        "@vercel/mcp-adapter"
      ]
    }
  }
}

Cline サイドバーの MCP Servers アイコンをクリックし、"Edit Configuration" を選択。

~/.codeium/windsurf/mcp_config.json
{
  "mcpServers": {
    "vercel-mcp-adapter": {
      "command": "npx",
      "args": [
        "-y",
        "@vercel/mcp-adapter"
      ]
    }
  }
}

Claude Desktop と同じ形式。Windsurf を再起動して反映。

~/.continue/config.json
{
  "mcpServers": [
    {
      "name": "vercel-mcp-adapter",
      "command": "npx",
      "args": [
        "-y",
        "@vercel/mcp-adapter"
      ]
    }
  ]
}

Continue はマップではなくサーバーオブジェクトの配列を使用。

~/.config/zed/settings.json
{
  "context_servers": {
    "vercel-mcp-adapter": {
      "command": {
        "path": "npx",
        "args": [
          "-y",
          "@vercel/mcp-adapter"
        ]
      }
    }
  }
}

context_servers に追加。保存時に Zed がホットリロード。

claude mcp add vercel-mcp-adapter -- npx -y @vercel/mcp-adapter

ワンライナー。claude mcp list で確認、claude mcp remove で削除。

ユースケース

実用的な使い方: Vercel MCP Adapter

Get started with Vercel MCP Adapter

使うタイミング: When you want to bring Vercel MCP Adapter into your Claude workflow.

フロー
  1. Install the server in your MCP client of choice.
  2. Authenticate if required.
  3. Ask Claude to use its tools.

結果: Claude can interact with Vercel MCP Adapter directly from your IDE.

その他

リソース

📖 GitHub の公式 README を読む

🐙 オープンな issue を見る

🔍 400以上のMCPサーバーとSkillsを見る