Veelenga Claude Mermaid
- 195 repo stars
- Updated July 27, 2026
- veelenga/claude-mermaid
veelenga-claude-mermaid is a Claude Code plugin that adds an MCP server to preview Mermaid diagrams with live reload while you iterate in the agent.
About
veelenga-claude-mermaid is a Claude Code plugin that registers an MCP server for previewing Mermaid diagrams with live reload. developers who document systems in the same session they code with Claude can ask the agent to draft architecture or sequence diagrams and see updates immediately instead of pasting into a browser tab or fixing render errors blindly. It sits in the integrations layer: your agent writes Mermaid, the server previews it, and you tighten labels and layout before committing markdown to the repo. It is not a full documentation site generator or a generic whiteboarding app—it is a tight loop for diagram fidelity during build and ship documentation work. Install when you routinely ship technical docs, runbooks, or onboarding guides that depend on visual flows. Pair it with your normal markdown workflow; prerequisites are Claude Code with MCP support and a project where Mermaid is an acceptable diagram format.
- MCP server that renders Mermaid diagrams with live reload as you edit
- Fits Claude Code agent sessions that emit flowcharts, sequence diagrams, and ERDs
- Single-plugin bundle (pluginCount: 1) focused on diagram preview, not full doc hosting
- Reduces back-and-forth between chat output and a separate Mermaid editor
- Community catalog entry (~115 GitHub stars) for claude-mermaid tooling
Veelenga Claude Mermaid by the numbers
- Data as of Jul 28, 2026 (Skillselion catalog sync)
/plugin install veelenga-claude-mermaid@veelenga/claude-mermaidAdd your badge
Show developers this plugin is listed on Skillselion. Paste this into your README.
| repo stars | ★ 195 |
|---|---|
| Last updated | July 27, 2026 |
| Repository | veelenga/claude-mermaid ↗ |
What it does
Preview and iterate on Mermaid diagrams from Claude Code with live reload instead of guessing syntax in static markdown.
Who is it for?
Best when you use Claude Code and write architecture, API, or workflow diagrams in Mermaid alongside code and docs.
Skip if: Skip if you standardize on FigJam, Excalidraw-only flows, or need animated or non-Mermaid chart types without MCP setup.
What you get
You get a fast visual feedback loop so diagram-heavy docs and specs are correct before they land in READMEs, ADRs, or PRs.
- Working MCP integration for Mermaid diagram preview with live reload
- Faster iteration on diagram syntax before committing doc changes
- Preview-backed Mermaid assets ready for READMEs and technical specs
Recommended Plugins
Abix5 Memory HindsightHindsight memory bank integration for Claude Code
Agentic Dev Io Mcp Code ExecutionToken-efficient MCP server interaction through code execution.1
Agneym Agneym Claude MarketplaceClaude Code plugin marketplace for Agney's plugins
Akkomar Mozdata Claude Plugin1 plugin
Amitpatole Claude Genkit PluginFirebase Genkit Plugin for Claude Code12
Aserper RtfdSpoonfeed your AI coding assistant with up to date documentation efficiently and without using a cloud service with the RTFD mcp server that runs on YOUR machine without any API key requirements!14How it compares
MCP diagram preview server, not a general-purpose documentation or agent skill pack.
FAQ
Who is Veelenga Claude Mermaid for?
and small-team developers on Claude Code who produce Mermaid diagrams in markdown and want instant preview without leaving the agent workflow.
When should I use Veelenga Claude Mermaid?
Use it whenever you are drafting or refactoring flowcharts, sequence diagrams, or system maps in Mermaid during documentation or design conversations with your coding agent.
How do I add Veelenga Claude Mermaid to my agent?
Install the plugin from the Skillselion-listed Claude Code plugin bundle for veelenga/claude-mermaid, then configure the bundled MCP server in Claude Code per the repository README so diagram preview tools are available in session.