What is diagrams?
diagrams is a Claude Code mod by tomasvarga that pins the diagrams Claude draws to a chip above the prompt: expand it in place, open it full screen or in the browser, and see it as a rendered picture. It is listed under Interface and has 1 GitHub stars.
| Type | Claude code mod |
|---|---|
| Author | tomasvarga |
| Repository | tomasvarga/claude-code-diagrams |
| Popularity | 1 GitHub stars |
| Category | Interface |
| Security | Review before installing (64/100) |
| Rank | #2,331 of 5,272 Claude Code mods; #972 in Interface |
| License | MIT |
| Last commit | 2026-10-08 |
| Hooks | 8 events |
| Sees | mcp__diagrams__show_diagram calls |
| Draws on | AbovePrompt, Pane |
Is diagrams safe to install?
diagrams scores 64/100 on the MCPMods security check: Review before installing. Things to review: starts processes outside the sandbox; writes files or config; 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 files or config | Review |
| 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 |
|---|---|
$.clock.after | |
$.clock.every | |
$.command.register | |
$.env.get | reads env vars |
$.fs.read | reads files |
$.fs.write | writes files |
$.process.run | runs processes |
$.state.get | |
$.state.set | |
$.ui.close | draws interface |
$.ui.copy | draws interface |
$.ui.open | draws interface |
$.ui.resolve | draws interface |
$.ui.toast | draws interface |
How do I install diagrams?
- 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/tomasvarga/claude-code-diagrams claude plugin validate ./claude-code-diagrams/.
- Install it. Run this in your terminal, then /reload-plugins in an open session.
claude plugin marketplace add tomasvarga/claude-code-diagrams && claude plugin install diagrams@claude-code-diagrams
Or ask Claude to set it up
Paste this into Claude Code and it installs diagrams for you:
Install the "diagrams" Claude Code mod from https://github.com/tomasvarga/claude-code-diagrams. Run claude plugin validate on it first and show me what it can access before you enable it.