Mermaid

⚙️ Developer Tools

Generate diagrams from Mermaid code — flowcharts, sequence diagrams, architecture diagrams, ERDs, and 22+ diagram types. Renders to PNG or SVG with customizable themes and backgrounds.

Tools (1)

Client configuration

Cursor (.cursor/mcp.json)

{
  "mcpServers": {
    "mermaid": {
      "command": "npx",
      "args": [
        "-y",
        "@peng-shawn/mermaid-mcp-server@0.3.0"
      ]
    }
  }
}

VS Code (.vscode/mcp.json)

{
  "servers": {
    "mermaid": {
      "command": "npx",
      "args": [
        "-y",
        "@peng-shawn/mermaid-mcp-server@0.3.0"
      ],
      "type": "stdio"
    }
  }
}

Replace the placeholders before connecting. Authorize in your client when prompted.

The Cursor JSON also works in Claude Desktop's local MCP configuration. Install the required runtime and local software first.

Documentation →

Activate on Zubnet →

Mermaid

Tags

Tools (1)

Client configuration

Cursor (.cursor/mcp.json)

VS Code (.vscode/mcp.json)

Related Servers