What is mermaid-inline?
mermaid-inline is a Claude Code mod by Conte777 that mermaid diagrams in Claude Code: every ```mermaid block Claude writes is drawn as a picture right where the fence was in the transcript, with an open-SVG button, and as box art where the. It is listed under Interface and has no public popularity data yet.
| Type | Claude code mod |
|---|---|
| Author | Conte777 |
| Repository | Conte777/claude-mermaid |
| Popularity | no public popularity data yet |
| Category | Interface |
| Security | Review before installing (72/100) |
| Rank | #2,935 of 5,272 Claude Code mods; #1,216 in Interface |
| Last commit | 2026-10-03 |
| Hooks | 3 events |
| Sees | only the events it hooks |
| Draws on | AssistantMessage, AbovePrompt |
Is mermaid-inline safe to install?
mermaid-inline scores 72/100 on the MCPMods security check: Review before installing. Things to review: starts processes outside the sandbox; reads environment variables. It passed 5 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 |
| Reads environment variables | Review |
| Only sees the events it hooks | Pass |
| Doesn't drive Claude | Pass |
| Passes claude plugin validate | Pass |
| No license detected | Note |
API calls in its code
| Call | What it means |
|---|---|
$.clock.after | |
$.command.register | |
$.env.get | reads env vars |
$.fs.read | reads files |
$.process.run | runs processes |
$.store.get | keeps its own state |
$.store.set | keeps its own state |
$.ui.invalidate | draws interface |
$.ui.log | draws interface |
$.ui.resolve | draws interface |
How do I install mermaid-inline?
- 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/Conte777/claude-mermaid claude plugin validate ./claude-mermaid/mermaid-inline
- Install it. Run this in your terminal, then /reload-plugins in an open session.
claude plugin marketplace add Conte777/claude-mermaid && claude plugin install mermaid-inline@mermaid-inline
Or ask Claude to set it up
Paste this into Claude Code and it installs mermaid-inline for you:
Install the "mermaid-inline" Claude Code mod from https://github.com/Conte777/claude-mermaid/tree/main/mermaid-inline. Run claude plugin validate on it first and show me what it can access before you enable it.