Create syntactically correct Mermaid diagrams with validated Live Editor links.
npx skills add https://github.com/ajoslin/dot --skill mermaid-gen-ajoslin
Please help me install this Agent Skill. Skill: mermaid-gen Source: https://github.com/ajoslin/dot/tree/main/config/opencode/skills/mermaid-gen Command: npx skills add https://github.com/ajoslin/dot --skill mermaid-gen-ajoslin
Mermaid diagrams are essential for documenting architectures and workflows, but small syntax errors, quote issues, or edge-case formatting can break renders. This Skill provides expert guidance to ensure diagrams are syntactically correct, render reliably, and integrate cleanly into documentation.
Paste your Mermaid diagram code into the prompt and receive a validated Mermaid Live Editor link.
High-intent search queries and answers about installing and using this skill.
To fix Mermaid diagram syntax errors before rendering, this Skill validates flowchart, sequence, state, and class diagrams, enforcing node ID constraints and edge labeling rules to prevent common parse failures.
The best way to generate a shareable Mermaid Live Editor link is to paste your diagram code into the prompt, which validates the syntax and returns a ready-to-share URL for verification and embedding.
Yes, you can use template-driven creation to build technical documentation diagrams with best-practice node IDs, labels, and subgraphs for flowcharts, sequence diagrams, state machines, and class diagrams.
Your Mermaid flowchart might break due to small syntax errors, quote issues, or edge-case formatting, which this Skill diagnoses and troubleshoots by applying safe code generation and validation rules.
Yes, this Mermaid validation supports state machine and class diagrams, applying syntax validation and error prevention across multiple diagram types to ensure they render reliably.
michaelschechtGenerate Mermaid diagrams and design documents from text or source code.
roycolumbia-codeCreate and edit Mermaid diagrams via a command-line interface.
Camilo8902Generates flowcharts, sequence diagrams, ERDs, and class diagrams using Mermaid syntax in Markdown.
ribeec20Generate technical diagrams in Mermaid, PlantUML, D2, and Graphviz formats.
