Mermaid Diagram Generation

This skill provides instructions for creating Mermaid diagrams and converting them to SVG or PNG images using the Mermaid CLI (mmdc).

When to Use This Skill

• User needs to visualize flows, architecture, or data structures
• User asks to create diagrams for documentation
• User wants to convert Mermaid syntax to image files
• User needs flowcharts, sequence diagrams, class diagrams, or ER diagrams

Prerequisites

• Node.js and pnpm must be installed (refer to dev-swarm-nodejs skill if needed).

Your Roles in This Skill

• Tech Manager (Architect): Design diagram structures to effectively communicate system architecture and data flows. Choose appropriate diagram types for different use cases. Ensure diagrams accurately represent technical concepts and relationships.
• DevOps Engineer: Execute Mermaid CLI commands to generate diagrams. Verify pnpm and Node.js installations. Convert Mermaid files to SVG or PNG formats. Troubleshoot diagram generation issues.