What is diagram-preview?
diagram-preview is a Claude Code mod by cbruyndoncx that show Obsidian vault diagrams (.canvas, Excalidraw, draw.io, BPMN) as SVG in Claude Desktop side panes, with landscape/portrait and zoom. It is listed under Security and has no public popularity data yet.
| Type | Claude code mod |
|---|---|
| Author | cbruyndoncx |
| Repository | cbruyndoncx/claude-diagrams-renderer-mod |
| Popularity | no public popularity data yet |
| Category | Security |
| Security | Review before installing (76/100) |
| Rank | #2,839 of 5,272 Claude Code mods; #327 in Security |
| License | MIT |
| Last commit | 2026-10-03 |
| Hooks | 4 events |
| Sees | Write|Edit calls, mcp__diagram-preview__open calls |
| Draws on | Pane |
Is diagram-preview safe to install?
diagram-preview scores 76/100 on the MCPMods security check: Review before installing. Things to review: starts processes outside the sandbox; reads environment variables. It passed 6 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 |
| Has an open-source license | Pass |
API calls in its code
| Call | What it means |
|---|---|
$.command.register | |
$.env.get | reads env vars |
$.fs.exists | reads files |
$.fs.read | reads files |
$.fs.stat | reads files |
$.process.run | runs processes |
$.state.get | |
$.state.set | |
$.tool.register | drives Claude |
$.ui.close | draws interface |
$.ui.open | draws interface |
$.ui.panes | draws interface |
$.ui.resolve | draws interface |
$.ui.toast | draws interface |
How do I install diagram-preview?
- 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/cbruyndoncx/claude-diagrams-renderer-mod claude plugin validate ./claude-diagrams-renderer-mod/.
- Install it. Run this in your terminal, then /reload-plugins in an open session.
git clone https://github.com/cbruyndoncx/claude-diagrams-renderer-mod && claude --plugin-dir ./claude-diagrams-renderer-mod/.
Or ask Claude to set it up
Paste this into Claude Code and it installs diagram-preview for you:
Install the "diagram-preview" Claude Code mod from https://github.com/cbruyndoncx/claude-diagrams-renderer-mod. Run claude plugin validate on it first and show me what it can access before you enable it.