rendering
Mermaid MCP Integration for Claude Code
Connect Mermaid to Claude Code through the local KosmoKrator MCP gateway with scoped tools, credentials, and write policy.
Connect Mermaid to Claude Code
Connect local KosmoKrator integrations to Claude Code through one scoped MCP gateway entry.
Add KosmoKrator as a stdio MCP server in the Claude Code project config and select the integrations that should be visible. The gateway is local, scoped to this integration, and starts with
--write=deny so Claude Code can inspect read-capable tools without receiving write access by default.
Mermaid MCP Config for Claude Code
Claude Code can launch the local kosmo binary directly from the project MCP config.
{
"mcpServers": {
"kosmokrator-mermaid": {
"type": "stdio",
"command": "kosmo",
"args": [
"mcp:serve",
"--integration=mermaid",
"--write=deny"
]
}
}
} Run the Gateway Manually
kosmokrator mcp:serve --integration=mermaid --write=deny Why Use KosmoKrator Here
Expose only Mermaid instead of a broad multi-service tool list.
Reuse credentials already configured for the KosmoKrator CLI and Lua runtime.
Start read-only, then opt into ask or allow for trusted workspaces.
Mermaid Tools Visible to Claude Code
Claude Code sees stable MCP tool names generated from the Mermaid integration catalog.
| MCP tool | Source function | Type | Description |
|---|---|---|---|
integration__mermaid__render_mermaid | mermaid.render_mermaid | Write | Render a Mermaid diagram to a PNG image. Pass valid Mermaid syntax and get back a markdown image embed. Supported diagram types: flowchart, sequence, class, state, ER, Gantt, pie, quadrant, requirement, git graph, C4, mindmap, timeline, sankey, XY chart, block. Example syntax: ``` graph TD A[Start] --> B{Decision} B -->|Yes| C[Action] B -->|No| D[End] ``` Tips: - Use `graph TD` for top-down flowcharts, `graph LR` for left-to-right - Use `sequenceDiagram` for sequence diagrams - Use `erDiagram` for entity-relationship diagrams - Use `classDiagram` for class diagrams - Use `stateDiagram-v2` for state diagrams - Use `gantt` for Gantt charts - Use `pie` for pie charts - Use `gitgraph` for git graphs - Use `mindmap` for mind maps |