MCP Mermaid

@hustcc

リポジトリホームページ

基本情報

カテゴリ

その他

ライセンス

MIT

トランスポート

stdio

作者

hustcc

MCP Mermaid について

❤️ Generate mermaid diagram and chart with AI MCP dynamically.

#mcp #mermaid#mermaidjs#mcp-server

MCP Mermaid の設定

以下の設定を使って、このサーバーを MCP 対応クライアントに追加してください。

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

MCP Mermaid のツール

ツール一覧はまだありません

この掲載には表示できるツール一覧がまだありません。サーバーにツールがないという意味ではありません。対応機能はプロジェクトのドキュメントをご確認ください。

上のボタンで一時的なサンドボックスでこのサーバーを実行し、ツール一覧を取得できます。

概要

What is MCP Mermaid?

MCP Mermaid is an MCP server that dynamically generates Mermaid diagrams and charts using AI. It fully supports all Mermaid features and allows configuration of background color and theme. It is designed for developers and AI agents who need to create diagrams programmatically or interactively.

How to use MCP Mermaid?

The server can be run directly via npx (e.g., npx -y mcp-mermaid) or installed globally (npm install -g mcp-mermaid) and launched with CLI options. It supports multiple transports: STDIO (default), SSE (e.g., mcp-mermaid -t sse), and Streamable HTTP (e.g., mcp-mermaid -t streamable). To integrate with desktop MCP clients (Claude, VSCode, Cline, Cherry Studio), add the server configuration with the appropriate command and args for your operating system.

Key features of MCP Mermaid

Full support for all Mermaid syntax and features.
Configurable backgroundColor and theme for styled output.
Exports diagrams as base64, svg, mermaid code, file, svg_url, and png_url.
Built-in Mermaid validation to help the model produce correct syntax.
Multiple transport protocols: STDIO, SSE, and Streamable HTTP.

Use cases of MCP Mermaid

Generate flowcharts, sequence diagrams, and other Mermaid charts via AI prompts.
Automatically save diagrams as PNG files for AI agents using outputType: "file".
Share diagrams through public mermaid.ink links using svg_url or png_url modes.
Enable multi-round AI interaction to refine diagram syntax and visuals.

よくある質問

How do I install and run MCP Mermaid?

You can run it directly with npx (e.g., `npx -y mcp-mermaid`) or install globally with `npm install -g mcp-mermaid` and then use the `mcp-mermaid` command. Docker images are also available (`susuperli/mcp-mermaid:latest`).

What transport protocols are supported?

The server supports STDIO (default), SSE (Server-Sent Events), and Streamable HTTP transport. Use the `-t` flag to select one (e.g., `mcp-mermaid -t sse`).

What output formats are available?

Diagrams can be exported as `base64`, `svg`, `mermaid` (raw code), `file` (saved PNG), `svg_url`, or `png_url`. The URL modes generate publicly accessible links via mermaid.ink.

How do I configure the server for SSE or Streamable HTTP?

Use CLI options like `--transport sse` (or `-t sse`) and optionally `--port` (default 3033) and `--endpoint` (default `/sse` for SSE, `/mcp` for streamable). For global installation, run `mcp-mermaid -t sse`.

Can I use MCP Mermaid with desktop MCP clients?

Yes, add the server configuration to your MCP client (e.g., Claude Desktop, VSCode, Cline, Cherry Studio) using the appropriate `command` and `args` for your OS (Mac or Windows) as shown in the README.

「その他」の他のコンテンツ

ICSS

chokcoco

不止于 CSS

20.7K

MaxKB

1Panel-dev

🔥 MaxKB is an open-source platform for building enterprise-grade agents. 强大易用的开源企业级智能体平台。

22.0K

Next Generation Movers: free moving quotes (remote MCP)

Next Generation Movers

Free moving quotes for AI agents from Next Generation Movers, a licensed interstate mover (USDOT 3764697). US long-distance nationwide and local DC/MD/VA. Indicative ballpark price and booking options; optional $0.01 x40