← ClaudeAtlas

diagram-authoringlisted

Use whenever a diagram goes into a plugin-produced markdown artifact — a /board plan or epic/issue body, a handoff, a status update, KNOWLEDGE.md, the README, or a blog entry. Emit diagram-as-code (Mermaid by default), NEVER hand-drawn ASCII art. Covers flowcharts, architecture, sequence, state, ER and gantt diagrams; escalate to D2/Graphviz (rendered via Kroki) only when a graph is too dense for Mermaid. Triggers — "draw a diagram", "add a flowchart/architecture/sequence/state diagram", "diagrama", "haz un diagrama", "visualiza este flujo", "add a diagram to the plan/issue/handoff/README".
CSalcedoDataBI/agentic-board · ★ 0 · Code & Development · score 67
Install: claude install-skill CSalcedoDataBI/agentic-board
# diagram-authoring — Mermaid over ASCII The single source of truth for **how this plugin draws diagrams**. The plugin writes markdown artifacts (`/board plan` docs, epic/issue bodies, handoffs, status updates, `KNOWLEDGE.md`, README, blog entries). Their destinations — GitHub markdown and Claude Code / claude.ai artifacts — render **Mermaid** natively, so a proper diagram-as-code block costs nothing extra and reads far better than ASCII. ## Core rule When you are about to put a diagram into any plugin-produced markdown artifact, emit a fenced **Mermaid** block. **Never hand-draw ASCII art for a graph** (boxes of `+--+`, `│`, `└──▶`). ASCII diagrams wrap badly, don't diff, and don't scale. ```` ```mermaid flowchart LR A[Issue picked] --> B[Work branch] B --> C[PR + review gate] C --> D[Merge → Done] ``` ```` ## Decision table — diagram type → Mermaid syntax | You are showing… | Use | Header keyword | |---|---|---| | A flow / pipeline / decision path | flowchart | `flowchart TD` / `LR` | | Messages between actors over time | sequence | `sequenceDiagram` | | States and transitions | state machine | `stateDiagram-v2` | | Entities and their relations | ER model | `erDiagram` | | A schedule / timeline | gantt | `gantt` | | A tree / hierarchy | flowchart (top-down) | `flowchart TD` | Pick the type that matches the thing being documented — a flow is not a sequence, a hierarchy is not an ER model. ## Escalation — when Mermaid is not enough Reach for **D2 (Terrastruct)*