What is mermaid-pane?
mermaid-pane is a Claude Code mod by ezoushen that renders mermaid code blocks inline as ASCII art (beautiful-mermaid, termaid) or images with an open-full-size button; /mermaid switches modes; mermaid.ink is opt-in via /mermaid external on. It is listed under Interface and has no public popularity data yet.
| Type | Claude code mod |
|---|---|
| Author | ezoushen |
| Repository | ezoushen/claude-mods |
| Popularity | no public popularity data yet |
| Category | Interface |
| Security | Low risk (88/100) |
| Rank | #3,174 of 5,272 Claude Code mods; #1,318 in Interface |
| License | MIT |
| Last commit | 2026-10-08 |
| Hooks | 4 events |
| Sees | only the events it hooks |
| Draws on | AssistantMessage |
Is mermaid-pane safe to install?
mermaid-pane scores 88/100 on the MCPMods security check: Low risk. Things to review: starts processes outside the sandbox. It passed 7 of 8 checks.
Mod footprints come from claude plugin validate, which lists every event a mod hooks and every API call it makes without running it.
| Check | Result |
|---|---|
| No network access | Pass |
| Starts processes outside the sandbox | Review |
| Writes no files or config | Pass |
| Doesn't read environment variables | Pass |
| Only sees the events it hooks | Pass |
| Doesn't drive Claude | Pass |
| Passes claude plugin validate | Pass |
| Has an open-source license | Pass |
API calls in its code
| Call | What it means |
|---|---|
$.clock.now | |
$.clock.sleep | |
$.command.register | |
$.process.run | runs processes |
$.session.messages | reads the transcript |
$.state.get | |
$.state.set | |
$.store.get | keeps its own state |
$.store.set | keeps its own state |
$.ui.invalidate | draws interface |
$.ui.resolve | draws interface |
$.ui.toast | draws interface |
How do I install mermaid-pane?
- Check your Claude Code version. Mods need Claude Code 2.1.287 or later and are on by default.
claude --version
- Read its footprint. This lists every event it hooks and every API call it makes, without running it.
git clone https://github.com/ezoushen/claude-mods claude plugin validate ./claude-mods/mermaid-pane
- Install it. Run this in your terminal, then /reload-plugins in an open session.
claude plugin marketplace add ezoushen/claude-mods && claude plugin install mermaid-pane@claude-mods
Or ask Claude to set it up
Paste this into Claude Code and it installs mermaid-pane for you:
Install the "mermaid-pane" Claude Code mod from https://github.com/ezoushen/claude-mods/tree/main/mermaid-pane. Run claude plugin validate on it first and show me what it can access before you enable it.
More from ezoushen/claude-mods
This repository has 2 Claude Code mods on MCPMods.
- image-preview: Render image paths inline: a thumbnail in the user's prompt row (aspect-fill, max 10 rows) and in agent reply rows when (Review before installing)