Claude Code mod

diagram

Adds a Diagram button that draws the flow or architecture from Claude's latest response in its own pane tab, saved as SVG and draw.io

Pane & dashboard modsValidates on Claude Code 2.1.316 Source

Install

From source
git clone https://github.com/korenka/claude-harness.git
claude --plugin-dir ./claude-harness/mods/diagram

The repo has no marketplace file, so load the plugin folder directly with --plugin-dir.

What it can access

Reach
L2Writes or runs: runs processes, writes files, drives Claude, writes the clipboard, reads env vars, reads the transcript, draws
Draws in
AbovePromptPane
Hooks
session.startturn.completecommand.runui.closeui.render

From a static scan of the mod's code by awesome-claude-code-mods. It shows what the code asks for, not a security review.

How Claude Code mods work

  • A mod is a plugin with a JavaScript or TypeScript module that runs inside Claude Code (version 2.1.287 or later). It can draw panes beside the transcript, a band above the prompt, buttons and toasts, restyle the spinner and tool rows, and watch or rewrite tool calls and prompts.
  • It installs like any plugin: add its marketplace with /plugin marketplace add owner/repo, then /plugin install name@marketplace.
  • Check what a mod can reach before installing: it runs with your permissions. Reach goes from drawing only, to reading files, to writing files or running processes, to the network. Run claude plugin validate on a clone to list its hooks and calls without running it.
  • Turn one off from the Installed tab in /plugin, or start Claude Code with --safe-mode to skip every customization for a session.
Claude Code docs

Details

Repository
korenka/claude-harness
Folder
mods/diagram
Author
Koren Kazoom
Type
Pane & dashboard mods
License
MIT
Last updated
13 October 2026
Listed in
awesome-claude-code-mods

FAQ

What is diagram?

Adds a Diagram button that draws the flow or architecture from Claude's latest response in its own pane tab, saved as SVG and draw.io It is a mod for Claude Code, from korenka/claude-harness on GitHub.

What can the diagram mod access?

Its widest reach is "writes or runs" (runs processes, writes files, drives Claude, writes the clipboard, reads env vars, reads the transcript, draws). It draws in AbovePrompt, Pane. Like any mod, it runs with your permissions.

How do I install diagram?

Clone korenka/claude-harness and start Claude Code with --plugin-dir pointing at the mod's folder (mods/diagram).

More pane & dashboard mods

dgmo-pane

diagrammo/dgmo-pane

Renders each .dgmo file Claude writes or edits in a live side pane, and tells Claude the parser's errors

Pane & dashboard mods/plugin install

diagram-preview

cbruyndoncx/claude-diagrams-renderer-mod

Show Obsidian vault diagrams (.canvas, Excalidraw, draw.io, BPMN) as SVG in Claude Desktop side panes, with landscape/portrait and zoom

Pane & dashboard mods

deviation-kernel

Spendry/claude-code-mods

Holds a project's refused assumptions in Claude's system prompt, flags edits and answers that re-impose them, and pauses on the step where it happens

Pane & dashboard mods/plugin install

disk-sweep

varunmoka7/disk-sweep

Warns when your Mac is low on disk space and, with /disk, lists old Claude Code leftovers you can tick and delete.

Pane & dashboard mods/plugin install

devflow

williamchen0606/claude-mods

A spec-driven, test-driven workflow for working with Claude: /devflow:go routes a task to a track (feature, bug, refactor, spike, chore) and sizes it, then runs only the stages it needs: spec, plan, TDD build, prove, ship. Each stage is also its own skill, and a band above the prompt shows the route and which stage is running.

Pane & dashboard mods/plugin install

dispatch-panel

tinkybeatz/tinky-claude-mods

A side panel listing dispatched agents and background shells, with purpose, tokens and duration

Pane & dashboard mods/plugin install

Browse the most popular Claude Code mods, all pane & dashboard mods, or the skills and MCP server directories.