Claude Code mod
mermaid
Render ```mermaid fences in assistant replies: Unicode box-drawing diagrams in the terminal (lovely-mermaid), light/dark vector SVG on desktop, VS Code and mobile (beautiful-mermaid + dagre)
Install
git clone https://github.com/WhiteKr/claude-plugin-mermaid.git
claude --plugin-dir ./claude-plugin-mermaid/.The repo has no marketplace file, so load the plugin folder directly with --plugin-dir.
What it can access
- Reach
- L0Draws and remembers: draws
- Draws in
AssistantMessage- 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
- WhiteKr/claude-plugin-mermaid
- Folder
.- Author
- WhiteKr
- Type
- Workflow mods
- License
- MIT
- Last updated
- 22 October 2026
- Listed in
- awesome-claude-code-mods
FAQ
What is mermaid?
Render ```mermaid fences in assistant replies: Unicode box-drawing diagrams in the terminal (lovely-mermaid), light/dark vector SVG on desktop, VS Code and mobile (beautiful-mermaid + dagre) It is a mod for Claude Code, from WhiteKr/claude-plugin-mermaid on GitHub.
What can the mermaid mod access?
Its widest reach is "draws and remembers" (draws). It draws in AssistantMessage. Like any mod, it runs with your permissions.
How do I install mermaid?
Clone WhiteKr/claude-plugin-mermaid and start Claude Code with --plugin-dir pointing at the mod's folder (.).
More workflow mods
md-prompt
mtmtian/cc-mods
Paints Markdown onto Claude Code's prompt box as you type: fenced code becomes a syntax-highlighted card (even before you close the fence), and inline code, bold, italic, lists, task lists, quotes, tables, links and headings are styled. Paint only, your text is never changed.
mermaid-inline
dazebug/mermaid-inline
Draws the Mermaid diagrams in Claude's replies: as pictures in Ghostty, cmux and kitty, and as Unicode box drawing in other terminals
mc-pvp-bots
FatihBastan/mc-pvp-bots
Fight Minecraft PvP bots while Claude works, and get handed back the moment it's done or needs you.
message-timestamps
derekwden-droid/message-timestamps
Shows the time above each prompt you send and each reply Claude starts, in the terminal and the desktop app's Code tab, as clock times or as time since. /timestamps switches between clock, relative and off.
m3l-prompt-optimizer
monte3l/m3l-prompt-optimizer
A Claude Code plugin that refines the prompts you type using Anthropic's prompt-engineering guidance, and passes clear prompts through unchanged
mod-doctor
Tihi321/claude-mods
/mod-doctor checks every installed mod in one report: hook scripts, plugin mods loaded, Node, Claude Code version, errors and ESLint timings in the mods log.
Browse the most popular Claude Code mods, all workflow mods, or the skills and MCP server directories.