From doc
Generates Mermaid and ASCII diagrams for flowcharts, sequence diagrams, ERDs, C4 architecture, state machines, mindmaps, git graphs, gantt charts, and timelines.
npx claudepluginhub joaquimscosta/arkhe-claude-plugins --plugin docThis skill uses the workspace's default tool permissions.
Expert skill for creating clear, professional diagrams in Mermaid or ASCII format.
Creates Mermaid diagrams including flowcharts, sequence diagrams, ERDs, state machines, Gantt charts, and architecture views for technical documentation.
Generates Mermaid diagrams for flowcharts, sequences, ERDs, architectures, Gantt charts, and more. Provides syntax mastery, styling, and best practices for visual documentation, system diagrams, process flows.
Creates Mermaid diagrams for flowcharts, sequences, ERDs, architectures, Gantt charts, and more. Masters syntax for all types with styling, best practices, and rendering guidance.
Share bugs, ideas, or general feedback.
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 diagrams