Diagram Generator

Generates Mermaid diagrams from your codebase and exports them as standalone HTML files with dark mode and theme toggles. Supports 12 diagram types including flowcharts, sequence diagrams, ER diagrams, and less common ones like kanban boards and quadrant charts. The HTML export mode is genuinely useful since you get a shareable file that works anywhere without dependencies. Hard limit of 1000 files per analysis and a practical limit of 200 nodes per diagram, so you'll need to chunk large codebases by subsystem. Saves everything to a standard artifacts directory and follows the Claude Code plugin pattern for invoking from other skills.

skills.sh installs: 146
GitHub stars: 45
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add oimiragieo/agent-studio --skill diagram-generator --agent claude-code

Installs into .claude/skills of the current project.

Files

Diagram Generator — creates Mermaid diagrams and standalone HTML exports for architecture, schemas, flows, and all supported diagram types.

Diagram Types

Type	Keyword	Best For
Flowchart	`flowchart TB/LR`	Decision flows, processes
Sequence	`sequenceDiagram`	API interactions, protocols
Class	`classDiagram`	OOP structure, interfaces
State	`stateDiagram-v2`	Lifecycle, state machines
ER	`erDiagram`	Database schemas
Gantt	`gantt`	Project timelines
Pie	`pie`	Distribution, composition
Mindmap	`mindmap`	Hierarchical mind maps
Timeline	`timeline`	Chronological events
Git Graph	`gitGraph`	Branch visualization
Kanban	`kanban`	Task boards
Quadrant	`quadrantChart`	2x2 matrix