Veelenga Claude Mermaid
veelenga-claude-mermaid is a Claude Code plugin for the Build phase that adds an MCP server to preview Mermaid diagrams with live reload while you iterate in the agent.
by veelenga · github.com/veelenga/claude-mermaid
Preview and iterate on Mermaid diagrams from Claude Code with live reload instead of guessing syntax in static markdown.
Add it to Claude Code
Install the plugin in Claude Code. One command, paste-ready.
/plugin install veelenga-claude-mermaid@veelenga/claude-mermaidBuilt to be called by your agent
Skillselion is itself an MCP server. Your agent can pull this entry and a paste-ready install config straight from the API - no copy-paste.
Retrieve this entry with skillselion.get_details("plugin:veelenga/claude-mermaid") and the paste-ready config with skillselion.get_install_config("plugin:veelenga/claude-mermaid").
What it does
veelenga-claude-mermaid is a Claude Code plugin that registers an MCP server for previewing Mermaid diagrams with live reload. Solo builders 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.
Highlights
- 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
Why builders use it
Mermaid in chat or markdown is painful to validate because a tiny syntax error breaks the whole diagram and you only notice after export or publish.
You get a fast visual feedback loop so diagram-heavy docs and specs are correct before they land in READMEs, ADRs, or PRs.
At a glance
- Type - Plugin in LLM Integration.
- Adoption - 0 installs, 115 stars, 0 votes.
FAQ
Who is veelenga-claude-mermaid for?
Solo and small-team builders 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.
Comments
Share how you use veelenga-claude-mermaid, gotchas, or tips for other indie builders.
No comments yet - be the first to share how you use it.