Home / Claude Code mods / Interface / mermaid-inline

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.

Updated 2026-10-03

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.

TypeClaude code mod
AuthorConte777
RepositoryConte777/claude-mermaid
Popularityno public popularity data yet
CategoryInterface
SecurityReview before installing (72/100)
Rank#2,935 of 5,272 Claude Code mods; #1,216 in Interface
Last commit2026-10-03
Hooks3 events
Seesonly the events it hooks
Draws onAssistantMessage, 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.

CheckResult
No network accessPass
Starts processes outside the sandboxReview
Writes no files or configPass
Reads environment variablesReview
Only sees the events it hooksPass
Doesn't drive ClaudePass
Passes claude plugin validatePass
No license detectedNote

API calls in its code

CallWhat it means
$.clock.after
$.command.register
$.env.getreads env vars
$.fs.readreads files
$.process.runruns processes
$.store.getkeeps its own state
$.store.setkeeps its own state
$.ui.invalidatedraws interface
$.ui.logdraws interface
$.ui.resolvedraws interface

How do I install mermaid-inline?

  1. Check your Claude Code version. Mods need Claude Code 2.1.287 or later and are on by default.
    claude --version
  2. 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
  3. 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.