diagram-design
Design or improve diagrams from natural-language communication goals, choosing a semantic pattern and visual grammar before compiling to Mermaid. Use for architecture, workflows, interactions, lifecycles, data models, and planning diagrams, including GitHub documentation. Can recommend a table or prose when clearer.
Pinned to revision 77950ec5ede7, so it is the text this page describes rather than whatever the author pushed since.
Files
- skills/diagram-design/SKILL.md
- skills/diagram-design/assets/examples/architecture.mmd
- skills/diagram-design/assets/examples/block.mmd
- skills/diagram-design/assets/examples/class.mmd
- skills/diagram-design/assets/examples/er.mmd
- skills/diagram-design/assets/examples/flowchart.mmd
- skills/diagram-design/assets/examples/gantt.mmd
- skills/diagram-design/assets/examples/gitgraph.mmd
- skills/diagram-design/assets/examples/kanban.mmd
- skills/diagram-design/assets/examples/mindmap.mmd
- skills/diagram-design/assets/examples/quadrant.mmd
- skills/diagram-design/assets/examples/sankey.mmd
- skills/diagram-design/assets/examples/sequence.mmd
- skills/diagram-design/assets/examples/state.mmd
- skills/diagram-design/assets/examples/timeline.mmd
- skills/diagram-design/assets/examples/user-journey.mmd
- skills/diagram-design/references/capabilities.json
- skills/diagram-design/references/compatibility.md
- skills/diagram-design/references/design.md
- skills/diagram-design/references/domains/data-ai.md
- skills/diagram-design/references/domains/finance.md
- skills/diagram-design/references/domains/sales.md
- skills/diagram-design/references/domains/security.md
- skills/diagram-design/references/domains/software.md
- skills/diagram-design/references/patterns/compensating-security-layers.md
- skills/diagram-design/references/patterns/control-data-plane.md
- skills/diagram-design/references/patterns/current-target.md
- skills/diagram-design/references/patterns/fan-in-bottleneck.md
- skills/diagram-design/references/patterns/human-agent-tool.md
- skills/diagram-design/references/patterns/observe-decide-act-learn.md
- skills/diagram-design/references/patterns/paired-policy-traces.md
- skills/diagram-design/references/patterns/producer-broker-consumer.md
- skills/diagram-design/references/patterns/request-authorize-execute.md
- skills/diagram-design/references/patterns/secure-paved-road.md
- skills/diagram-design/references/patterns/source-transform-serve.md
- skills/diagram-design/references/patterns/stage-framework.md
- skills/diagram-design/references/syntax/architecture.md
- skills/diagram-design/references/syntax/block.md
- skills/diagram-design/references/syntax/class.md
- skills/diagram-design/references/syntax/er.md
- skills/diagram-design/references/syntax/flowchart.md
- skills/diagram-design/references/syntax/gantt.md
- skills/diagram-design/references/syntax/gitgraph.md
- skills/diagram-design/references/syntax/kanban.md
- skills/diagram-design/references/syntax/mindmap.md
- skills/diagram-design/references/syntax/quadrant.md
- skills/diagram-design/references/syntax/sankey.md
- skills/diagram-design/references/syntax/sequence.md
- skills/diagram-design/references/syntax/state.md
- skills/diagram-design/references/syntax/swimlane.md
- skills/diagram-design/references/syntax/timeline.md
- skills/diagram-design/references/syntax/user-journey.md
- skills/diagram-design/scripts/validate-mermaid.mjs
Every link opens the file at its source, pinned to the revision this page describes.