mermaid-generator - Create interactive Mermaid workflow diagrams
Generates interactive Mermaid workflow diagrams as MicroSim packages with standalone HTML, supporting files, metadata, and MkDocs integration.
Tags
Updated: 2026-10-04Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Gather diagram requirements
- Design Mermaid flowcharts
- Create MicroSim directories
- Generate diagram files
- Update MkDocs navigation
- Validate diagram packages
Inputs
- Workflow description
- Process steps
- Decision points
- Flow direction
- Start and end points
- Textbook theme
- Educational subject
- Target audience
- Related concepts
Outputs
- Mermaid workflow diagram
- Standalone HTML file
- CSS stylesheet
- JavaScript file
- Markdown documentation
- Metadata JSON file
- MicroSim directory
- MkDocs navigation entry
Requirements
- Mermaid JavaScript library
- MicroSim templates
- MkDocs project
- Filesystem write access
- Browser for testing