Claude Code mod
mermaid-render
Renders the Mermaid diagrams Claude Code writes or reads as elegant cards in the transcript: colored Unicode art in any terminal, real SVG on desktop.
Install
/plugin marketplace add ejklock/claude-mermaid-render
/plugin install mermaid-render@mermaid-renderMods install like plugins. Run /reload-plugins or start a new session to load it.
What it can access
- Reach
- L2Writes or runs: runs processes, writes files, reads env vars, draws
- Draws in
ToolGroupany component- Hooks
ui.render
From a static scan of the mod's code by awesome-claude-code-mods. It shows what the code asks for, not a security review.
How Claude Code mods work
- A mod is a plugin with a JavaScript or TypeScript module that runs inside Claude Code (version 2.1.287 or later). It can draw panes beside the transcript, a band above the prompt, buttons and toasts, restyle the spinner and tool rows, and watch or rewrite tool calls and prompts.
- It installs like any plugin: add its marketplace with /plugin marketplace add owner/repo, then /plugin install name@marketplace.
- Check what a mod can reach before installing: it runs with your permissions. Reach goes from drawing only, to reading files, to writing files or running processes, to the network. Run claude plugin validate on a clone to list its hooks and calls without running it.
- Turn one off from the Installed tab in /plugin, or start Claude Code with --safe-mode to skip every customization for a session.
Details
- Repository
- ejklock/claude-mermaid-render
- Folder
.- Marketplace
mermaid-render- Author
- Klock Tecnologia
- Type
- Workflow mods
- License
- MIT
- Last updated
- 25 October 2026
- Listed in
- awesome-claude-code-mods
FAQ
What is mermaid-render?
Renders the Mermaid diagrams Claude Code writes or reads as elegant cards in the transcript: colored Unicode art in any terminal, real SVG on desktop. It is a mod for Claude Code, from ejklock/claude-mermaid-render on GitHub.
What can the mermaid-render mod access?
Its widest reach is "writes or runs" (runs processes, writes files, reads env vars, draws). It draws in ToolGroup, any component. Like any mod, it runs with your permissions.
How do I install mermaid-render?
Inside Claude Code (v2.1.287 or later), run /plugin marketplace add ejklock/claude-mermaid-render and then /plugin install mermaid-render@mermaid-render.
Is mermaid-render popular?
ejklock/claude-mermaid-render has 1 GitHub stars and 0 forks, and is included in 1 curated Claude Code list. It was last updated on 25 October 2026.
More workflow mods
loc-today
1pepperonas/loc-today
Today's lines of code by Claude, across all sessions, under the prompt: new, edited and deleted lines, and on hover the split by project, largest first
message-timestamps
1benjaminmodayil/live-recap
Prefixes each Claude reply in the transcript with the local time it arrived, with no model calls
jevshift
1unclecode/jevshift
Experimental Jev-assisted model and effort selection for Claude Code: observe, pin, off, and opt-in auto.
model-tag
1yyosifov/prompt-mods
Per-message model and effort: put @haiku or @max anywhere in a prompt and that one turn runs on it
jev-skill-scout
1karanb192/jev-skill-scout
Before each prompt reaches the model, TypeSafe's Jev ranks your installed skills against it and attaches one line naming the skill to load. Sends the prompt text to api.typesafe.ai. Needs function hooks (early access).
nowloading
1vgnshiyer/nowloading
The line that animates while Claude works, redrawn as something from before: tape decks, departure boards, an hourglass, a floppy drive, a dot-matrix printer, an arcade rally, a filmstrip, and a pixel campfire.
Browse the most popular Claude Code mods, all workflow mods, or the skills and MCP server directories.