diagram
(string, required) — Mermaid diagram code
How to use it
diagram is exposed by the Claude Mermaid MCP server. Add the server to your MCP client (Claude Desktop, Cursor, Windsurf and others), and the diagram tool becomes available to the model automatically. See the full listing for setup details and every tool this server provides.
Install Claude Mermaid
claude mcp add --scope user mermaid claude-mermaidOther tools in Claude Mermaid (8)
(string, default white) — Background color. Examples: transparent, white, #F0F0F0.
(string, default svg) — One of svg, png, pdf. Live preview is available only for svg.
(number, default 600) — Diagram height in pixels.
(string, required) — Identifier for this preview session. Use different IDs for multiple concurrent diagrams (e.g., architecture, flow).
(string, required) — Destination path (e.g., ./docs/diagram.svg).
(number, default 2) — Scale factor for higher quality output.
(string, default default) — One of default, forest, dark, neutral.
(number, default 800) — Diagram width in pixels.