mermaid-pane
by youngOman · ★ 1 · updated 4 days ago
Draws mermaid blocks in Claude's replies as pictures right in the conversation: navy nodes with light-blue borders on a transparent background, download and copy-image buttons.
Install
/plugin marketplace add youngOman/pill-mods/plugin install mermaid-pane@pill-modsThen run /reload-plugins or start a new session. Requires Claude Code 2.1.287+.
What it hooks into
From an automated scan with claude plugin validate, not a security review. Mods run with your permissions; read the code before installing.
- Events
turn.completeui.render- API calls
$.clock.after$.fs.exists$.fs.read$.fs.write$.process.run$.ui.invalidate$.ui.resolve$.ui.toast- Draws
AssistantMessage- Reach
- level 2 of 3 runs processeswrites filesreads filesdraws
Origin
- How it got here
- Automated scan of public GitHub repos, via the CC0 dataset awesome-claude-code-mods (scan of ).
- Repository
- github.com/youngOman/pill-mods
- Path in repo
mods/mermaid-pane- Source commit
7034a22the exact code the scan read- Author
- @youngOman
- License
- No license declared — ask the author before reusing code.
- First published
- Last pushed
- First listed here
Name and description come from the mod's own manifest. We link to the code; we don't host it, and it stays under its author's license.
More from youngOman/pill-mods
image-peek
youngOman/pill-mods
image-view (jarrodwatts) fixed for newer Claude Code: thumbnails of pasted images above the prompt, read from $TMPDIR/clipboard-*.png.
mermaid-cards
youngOman/pill-mods
把回覆裡的 mermaid 流程圖／時序圖畫成卡片式圖（配色取自 cmux 主題 GitHub Dark High Contrast，預設垂直排列）
pill-copy
youngOman/pill-mods
copy-band (yash-gadodia) restyled: a copy icon at the top-right of every block (code, table, list, quote); click to copy.
pill-steps
youngOman/pill-mods
next-steps (hamzafer) restyled: next prompts as Claude-colored pills above the prompt. Press 1-3 in an empty prompt, 0 to dismiss.