Mermaid MCP Server
Mermaid MCPサーバーでClaude連携・Mermaid図の生成と画像化を自動化
最終更新：2026年5月6日540GitHub
クイックインストール
npx mcp-mermaid概要
Mermaid MCP Serverの設定方法と使い方。
テキストベースの図解記述言語「Mermaid」をClaudeから操作できるMCPサーバー。
フローチャート・シーケンス図・クラス図・ER図・ガントチャートなどMermaidの全構文を画像化できる。
ClaudeとMermaidのMCPサーバー連携により、ドキュメントや議事録に挿入する図解をテキスト指示だけで自動生成できる。
背景色やテーマのカスタマイズに対応しbase64・SVG・PNG・mermaid.ink共有URLでの出力が可能。
設定方法はnpxパッケージを起動するだけでシンプルに完結する。
料金・APIキー情報
料金
完全無料APIキー
🔓 不要✅このMCPはAPIキー不要です。別途セットアップが必要な場合があります（上記参照）。
こんな使い方ができます
システム構成図やワークフロー図をClaudeへの自然言語指示でMermaid図として生成できる
ドキュメント内のシーケンス図やER図をClaudeに自動描画させて挿入できる
プロジェクトのガントチャートをClaudeに作らせてプレゼン資料に転用できる
セットアップ手順
- 1
Node.js（v18以上）がインストールされていることを確認する
- 2
ターミナルで以下のコマンドを実行してClaude Codeに追加する：claude mcp add mermaid -- npx -y mcp-mermaid
設定ファイル
⚠️
コピー前に確認
Node.js（v18以上）必須。APIキー不要。完全ローカルで動作する。
Terminal
claude mcp add mermaid -- npx -y mcp-mermaid💡
注意事項
出力形式はbase64・SVG・PNG・mermaid.inkの共有URLから選択可能。背景色やテーマも環境変数で指定できる。
#Mermaid#図解#ダイアグラム