Claude Code mod

diagram-pane

A side pane with the live work map and pinned diagrams, plus tabs for progress, diffs, the PR and its CI, every chat this terminal tab has held, and the screenshots the chat took

Pane & dashboard mods Plugin marketplaceValidates on Claude Code 2.1.319 Source

Install

Inside Claude Code
/plugin marketplace add abdul-raafai-asim/claude-code-mods
/plugin install diagram-pane@claude-code-mods

Mods install like plugins. Run /reload-plugins or start a new session to load it.

What it can access

Reach
L2Writes or runs: runs processes, writes files, drives Claude, writes the clipboard, reads files, reads env vars, reads the transcript, persists state, draws
Sees
Edit|Write|MultiEdit|NotebookEdit calls, every tool call, mcp__diagram-pane__progress_set calls, mcp__diagram-pane__diagram_get calls, mcp__diagram-pane__diagram_set calls
Draws in
Pane
Hooks
session.starttool.callsession.endturn.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

Folder
plugins/diagram-pane
Marketplace
claude-code-mods
Author
Ray Amjad
License
MIT
Last updated
30 October 2026

FAQ

What is diagram-pane?

A side pane with the live work map and pinned diagrams, plus tabs for progress, diffs, the PR and its CI, every chat this terminal tab has held, and the screenshots the chat took It is a mod for Claude Code, from abdul-raafai-asim/claude-code-mods on GitHub.

What can the diagram-pane mod access?

Its widest reach is "writes or runs" (runs processes, writes files, drives Claude, writes the clipboard, reads files, reads env vars, reads the transcript, persists state, draws). It sees Edit|Write|MultiEdit|NotebookEdit calls, every tool call, mcp__diagram-pane__progress_set calls, mcp__diagram-pane__diagram_get calls, mcp__diagram-pane__diagram_set calls. It draws in Pane. Like any mod, it runs with your permissions.

How do I install diagram-pane?

Inside Claude Code (v2.1.287 or later), run /plugin marketplace add abdul-raafai-asim/claude-code-mods and then /plugin install diagram-pane@claude-code-mods.

More pane & dashboard mods

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