gadievron

Diagram — Development skill for Claude Code

Development community

description: Generate Mermaid visual maps from /understand or /validate output directories /diagram Turn /understand and /validate JSON outputs into Mermaid diagrams.

How to install Diagram

Installs to ~/.claude/commands/gadievron-raptor-diagram.md

Terminal

mkdir -p ~/.claude/commands && curl -fsSL https://raw.githubusercontent.com/gadievron/raptor/HEAD/.claude/commands/diagram.md -o ~/.claude/commands/gadievron-raptor-diagram.md

Restart Claude Code, or start a new session, for it to be picked up.

What Diagram does

description: Generate Mermaid visual maps from /understand or /validate output directories

/diagram

Turn `/understand` and `/validate` JSON outputs into Mermaid diagrams. Instead of reading raw JSON, you get a visual map of entry points, trust boundaries, sinks, attack trees, and attack paths.

Usage

/diagram  [--target ] [--type context-map|flow-trace|attack-tree|attack-paths|all]

Omit `--type` to render everything in the directory.

What gets rendered

Alternatives in Development

Openhop Flow — Render an animated OpenHop flow diagram for the prompt that follows 41 ★
Diagent CLI — CLI for encoding and decoding Diagent diagram URLs 40 ★
Architecture Drawer — Skill for Claude Code & Codex: describe your system architecture in text → get an editable PowerPoint diagram 35 ★