MCP サーバーは、ローカルの MCP サーバーを stdio で動かせるクライアントならどれでも使えます。Codex CLI、VS Code、DeepSeek Harness、Cursor、Claude Desktop、Cline などです。Node.js 18 以降が必要です。Claude Code については Claude Code で draw.io の図を描くを参照してください。

エージェントにインストールしてもらう

Codex、Cursor、VS Code、Cline など、ファイルを編集してコマンドを実行できるエージェントに、次の文を貼り付けます。

https://raw.githubusercontent.com/DayuanJiang/next-ai-draw-io/main/packages/mcp-server/README.md
に従って、いま使っているクライアントに drawio MCP サーバーをインストールして。
すべてのプロジェクト向けに（ユーザースコープ、Claude Code なら "--scope user"）、
サーバー名は "drawio" にして、設定済みのサーバーは残して。
そのあと、ツールが表示されるように再読み込みする方法を教えて。

Codex CLI

codex mcp add drawio -- npx @next-ai-drawio/mcp-server@latest

Codex は図を変更する drawio ツールを呼ぶたびに確認を求め、フルアクセスなしの codex exec は「MCP tool call requires approval」で失敗します。drawio ツールを確認なしで実行させるには、~/.codex/config.toml のこのサーバーのセクションに 1 行追加します。

[mcp_servers.drawio]
command = "npx"
args = ["@next-ai-drawio/mcp-server@latest"]
default_tools_approval_mode = "approve"

一部のツールだけ許可するには、代わりに [mcp_servers.drawio.tools.<ツール名>] に approval_mode = "approve" を設定します。

VS Code

.vscode/mcp.json に書きます。

{
  "servers": {
    "drawio": { "type": "stdio", "command": "npx", "args": ["@next-ai-drawio/mcp-server@latest"] }
  }
}

DeepSeek Harness

DSH を起動するときの profile（DSH の設定一式。dsh web なら web）にプラグインをインストールします。

dsh plugin --profile web add @next-ai-drawio/dsh

プラグインはこの MCP サーバーを npx で起動します。AI が返信にプレビューのリンクを書くので、クリックすると DSH の右サイドバーにプレビューが開きます。DSH の Web 版はサイドバーのブラウザーが既定でオフなので、プラグインがオンにします。

AI がスクリーンショットで図を確認できるのは、プレビューを開いたあとで、しかも画像入力に対応したモデルの場合だけです。テキストのみのモデルでは、DSH が画像の代わりに短い説明文を渡します。

Cursor、Claude Desktop、Cline など

ほとんどのクライアントは同じ形式を使います。~/.cursor/mcp.json、claude_desktop_config.json、cline_mcp_settings.json、またはクライアント独自の MCP 設定に書きます。

{
  "mcpServers": {
    "drawio": { "command": "npx", "args": ["@next-ai-drawio/mcp-server@latest"] }
  }
}

設定はサーバーの env に書きます。たとえば "env": { "DRAWIO_LANG": "ja" } です。変数の一覧は Claude Code で draw.io の図を描くの「設定」にあります。

インストールのあと

クライアントを再起動して、たとえば「このリポジトリを読んでアーキテクチャを図にして」と頼みます。ブラウザでプレビューが開き、図が描かれていく様子が見えます。

claude

プレビューはほかのページへの埋め込みを拒否するため、VS Code の Simple Browser や Cursor のブラウザでは真っ白に表示されます。通常のブラウザで URL を開いてください。

ほかの MCP クライアント