mermaidlisted
Install: claude install-skill NafisRayan/100x-Agent-Toolkit
# Mermaid
Produce a valid, well-structured Mermaid diagram from the user's source material and intent. Pick the right diagram type, keep it readable, and emit it in a fenced `mermaid` code block.
## Reference Files
| File | Read When |
|------|-----------|
| `references/diagram-selection.md` | Default: choosing the right diagram type; one-line samples for each |
| `references/common-diagrams.md` | Generating flowchart, sequence, class, state, ER, or C4 diagrams |
| `references/specialized-diagrams.md` | Generating mindmap, gantt, timeline, journey, gitGraph, pie, quadrant, requirement, xychart, sankey, block, or architecture diagrams |
| `references/generation-guidelines.md` | Any diagram: label limits, structure rules, source-type strategies, anti-patterns |
| `references/styling-and-output.md` | Theming, classDef styling, frontmatter config, export, rendering targets |
## Workflow
Copy this checklist to track progress:
```text
Mermaid progress:
- [ ] Step 1: Pick diagram type
- [ ] Step 2: Gather source material
- [ ] Step 3: Draft structure
- [ ] Step 4: Generate Mermaid syntax
- [ ] Step 5: Validate
- [ ] Step 6: Present output
```
### Step 1: Pick diagram type
If the user named a type (e.g. "sequence diagram"), use it. Otherwise load `references/diagram-selection.md` and pick from its matrix. Common defaults:
| Content | Diagram |
|---------|---------|
| Process with decisions, branching logic | `flowchart` |
| Messages between actors/systems over time | `sequen