mermaid-pane

by ezou · ★ 0 · updated today

ReskinsCommandsvalidates

0

Renders mermaid code blocks inline as ASCII art or images; /mermaid switches modes, /mermaid setup installs renderers.

install mermaid-pane

Install

/plugin marketplace add ezoushen/claude-mods
/plugin install mermaid-pane@claude-mods

Then run /reload-plugins or start a new session. Requires Claude Code 2.1.287+.

View source on GitHub

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
session.startturn.completeui.rendercommand.run
API calls
$.clock.now$.command.register$.process.run$.session.messages$.state.get$.state.set$.store.get$.store.set$.ui.invalidate$.ui.resolve
Draws
AssistantMessage
Reach
level 2 of 3 other: $.state.getother: $.state.setruns processesreads the transcriptpersists statedraws

Origin

How it got here
Automated scan of public GitHub repos, via the CC0 dataset awesome-claude-code-mods (scan of ).
Repository
github.com/ezoushen/claude-mods
Path in repo
mermaid-pane
Source commit
9787b22 the exact code the scan read
Author
ezou @ezoushen
License
MIT
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 ezoushen/claude-mods

image-preview

ezoushen/claude-mods

Render image paths inline: a thumbnail in the user's prompt row (aspect-fill, max 10 rows) and in agent reply rows when the model mentions a path. Recognises a real file path ending in a supported image extension, or an [Image #N] token stored by the /image command.

★ 0ReskinsCommands