Stats
Actions
Tags
From doc
Generates Mermaid and ASCII diagrams for flowcharts, sequence diagrams, ERDs, C4 architecture, state machines, mindmaps, git graphs, gantt charts, and timelines.
How this skill is triggered — by the user, by Claude, or both
Slash command
/doc:diagrammingThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
Expert skill for creating clear, professional diagrams in Mermaid or ASCII format.
Expert skill for creating clear, professional diagrams in Mermaid or ASCII format.
| Format | Best For | Trigger Keywords |
|---|---|---|
| Mermaid | Web docs, GitHub, rich rendering | "diagram", "mermaid", "visualize" |
| ASCII | Terminals, plain text, emails | "ASCII", "text diagram", "terminal" |
graph/flowchart - Flowcharts and decision trees
sequenceDiagram - API interactions and workflows
classDiagram - Object-oriented structures
stateDiagram-v2 - State machines and transitions
erDiagram - Database relationships
C4Context/C4Container/C4Component - Architecture views (C4 model)
mindmap - Brainstorming and idea organization
block-beta - System block diagrams
gantt - Project timelines
pie - Data distributions
gitGraph - Git branching strategies
journey - User experience flows
quadrantChart - Priority matrices
timeline - Historical events
```mermaid
graph TD
A[Start] --> B{Decision}
B -->|Yes| C[Action 1]
B -->|No| D[Action 2]
classDef success fill:#90EE90
class C success
```
+-------+ +----------+
| Start | --> | Decision |
+-------+ +----+-----+
|
+---------+---------+
| |
v v
+----------+ +----------+
| Action 1 | | Action 2 |
+----------+ +----------+
ASCII Conventions:
+---+ for boxes, | for vertical lines, --> or --- for connections[text] above the line when needed| Use Case | Recommended Type |
|---|---|
| Process/decision flow | graph (flowchart) |
| API/service interactions | sequenceDiagram |
| System architecture (high-level) | C4Context |
| System architecture (detailed) | C4Container, block-beta |
| Database schema | erDiagram |
| Brainstorming/ideas | mindmap |
| State transitions | stateDiagram-v2 |
| Project timeline | gantt |
| Feature prioritization | quadrantChart |
/diagram commanddoc-coauthoring skill for documentation diagramsnpx claudepluginhub joaquimscosta/arkhe-claude-plugins --plugin docCreates Mermaid diagrams for flowcharts, sequence diagrams, ERDs, architecture diagrams, and more. Provides styling, rendering instructions, and accessibility considerations.
Generates Mermaid diagrams for flowcharts, sequence diagrams, state diagrams, class diagrams, ERDs, and system architectures to visualize complex concepts and processes.
Generates Mermaid diagrams for class models, sequences, flowcharts, ERDs, C4 architecture, git graphs, gantt charts to visualize software architecture, flows, databases, and processes.