preview_id
(string, required) — Identifier for this preview session. Use different IDs for multiple concurrent diagrams (e.g., architecture, flow).
How to use it
preview_id is exposed by the Claude Mermaid MCP server. Add the server to your MCP client (Claude Desktop, Cursor, Windsurf and others), and the preview_id 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, required) — Mermaid diagram code
(string, default svg) — One of svg, png, pdf. Live preview is available only for svg.
(number, default 600) — Diagram height in pixels.
(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.