Mermaid Diagrams

by ccheney0eea7b060d12No license60 starsListed Oct 8, 2026Updated Oct 8, 2026Repository updated 8 days ago

Create or fix Mermaid diagrams in Markdown. Use for requested flowcharts, sequence diagrams, ER diagrams, state machines, or system diagrams when Mermaid is the output format; not every visualization or explanation.

AI-generated overview

Creates or repairs Mermaid diagrams in Markdown, covering flowcharts, sequence, ER, state and architecture diagrams.

What it does
Turns a described process, code path, schema or set of relationships into Mermaid diagram source, choosing the diagram type that matches the facts to show. It returns a fenced mermaid block or a requested .mmd or rendered artifact, with guidance on node IDs, labels, cardinalities and version-stable syntax. It also fixes broken or non-rendering Mermaid syntax and points to bundled reference files for each diagram family.
When to use it
Use it when a Mermaid diagram is the requested output format, such as flowcharts, sequence diagrams, ER diagrams, state machines or system diagrams. It is not intended for every visualization or explanation request, and an explicitly requested drawing tool or artifact format should be preserved.
Requirements
No scripts; instructions and reference documents only. Rendering or validating nontrivial syntax benefits from a Mermaid renderer or CLI, but a simple syntax answer needs no new toolchain.

Mermaid Diagrams

Turn the supplied process, code, schema, or relationships into the requested Mermaid diagram. The user's explicit instructions take precedence over this skill's guidelines, including their choice of output format.

Choose the representation

Establish the facts to show and the destination renderer. If the request leaves the format open and a text-based system/process diagram fits, Mermaid is a reasonable choice. Preserve an explicitly requested drawing tool or artifact format.

QuestionDiagram
What happens next or which path is taken?flowchart
Who calls whom, in what order?sequenceDiagram
What tables and cardinalities exist?erDiagram
What states and transitions exist?stateDiagram-v2
How are types or services related?classDiagram or flowchart with subgraphs
What is scheduled or measured?A matching planning/data type from the references

Use supplied evidence for nodes, edges, cardinalities, dates, and values. Mark conceptual assumptions; ask for missing facts that determine the diagram rather than inventing a system.

Produce a renderable result

  • Return a fenced mermaid block, or the requested .mmd/rendered artifact. Use one diagram declaration per block.
  • Prefer stable syntax supported by the destination. Examples were checked against Mermaid 11.16; a host can bundle an older version.
  • Give nodes stable IDs distinct from display labels and subgraph IDs. Quote labels with punctuation; avoid reserved end IDs and use %% comments on their own lines.
  • Keep ER attributes one per line and alias sequence participants whose names contain spaces.
  • Split diagrams when readability suffers, not at a fixed node count.

Validate nontrivial or repaired syntax with the project's renderer or an available Mermaid CLI. Inspect the rendered result when producing an artifact; if rendering is unavailable, state that limitation. A simple syntax answer does not require installing a new toolchain.

References

Load the diagram type or rendering topic required.

TaskReference
Flowcharts, subgraphs, shapes, edgesFLOWCHARTS.md [blocked]
Calls, activation, loops, alternativesSEQUENCE.md [blocked]
Classes, types, database relationshipsCLASS-ER.md [blocked]
State machines and user journeysSTATE-JOURNEY.md [blocked]
Gantt, timeline, pie, XY, sankey, mindmap, gitGraphDATA-CHARTS.md [blocked]
C4, architecture, block, kanban, packet, requirementsARCHITECTURE.md [blocked]
Configuration, styling, export, troubleshootingADVANCED.md [blocked]
Compact syntax and platform lookupCHEATSHEET.md [blocked]

Check Mermaid documentation and the destination's own support notes when a feature is version-sensitive.

Source and attribution

Source:ccheney/robust-skillsinskills/mermaid-diagramsat commit0eea7b0

License: No license

Content belongs to its original authors. SourceWeft indexes it from a public repository.

Report or request removal