Mermaid Diagram Generator
Generate Mermaid diagrams from Arduino and embedded-system concepts without loading unnecessary detail up front.
Resources
scripts/generate_diagram.py- CLI generator for diagram outputreferences/diagram-templates.md- Mermaid templates by diagram typereferences/code-patterns.md- code-to-diagram extraction heuristicsreferences/validation-checklist.md- rendering and syntax checks
When to Use
Use this skill when the request asks to:
- visualize a state machine
- turn code into a flowchart
- document timing or protocol sequences
- show FreeRTOS task relationships
- add a diagram to project documentation
Do not use it for tiny code snippets where a diagram adds no clarity.
Workflow
- Identify the diagram type:
- state flow -> open
references/code-patterns.md - timing or protocol sequence -> open
references/diagram-templates.md - task architecture -> open both
code-patterns.mdanddiagram-templates.md
- state flow -> open
- Prefer the simplest diagram that explains the behavior.
- Use
scripts/generate_diagram.pywhen the input is structured enough for automation. - Run through
references/validation-checklist.mdbefore presenting the final Mermaid output.
Verification
- Mermaid syntax parses without errors.
- The diagram uses the correct abstraction level for the request.
- State names, transitions, or signals match the source material exactly.
- The output is readable without reverse-engineering the code.
Integration
- Pair with
freertos-patternsfor task and synchronization diagrams. - Pair with
arduino-code-generatorwhen a generated sketch also needs visual documentation. - Pair with
readme-generatorwhen the diagram should ship in repository docs.