Fix Mermaid diagrams that fail to parse on GitHub and Azure DevOps.
npx skills add https://github.com/aniryou/drawing-skills --skill mermaid-check
Please help me install this Agent Skill. Skill: mermaid-check Source: https://github.com/aniryou/drawing-skills/tree/main/mermaid-check Command: npx skills add https://github.com/aniryou/drawing-skills --skill mermaid-check
Mermaid diagrams often render without errors locally but fail to parse or display with overlapping, unreadable elements on stricter platforms like GitHub, Azure DevOps, and Confluence, requiring time-consuming manual debugging to resolve.
Use the mermaid-check skill to render, inspect, and fix the Mermaid diagram in your project's architecture.md file so it displays correctly on GitHub.
High-intent search queries and answers about installing and using this skill.
Mermaid diagrams fail on strict platforms like GitHub and Azure DevOps due to syntax rules. This skill renders diagrams locally and applies strict authoring rules to fix unquoted line breaks and subgraph overlaps for target renderers.
To fix overlapping nodes in a Mermaid flowchart, you need to adjust subgraph layout and apply proven authoring rules. This skill renders your diagram and automatically adjusts syntax and layout to eliminate overlaps and illegible text.
Yes, you can use mermaid-cli to validate sequence diagrams, ER diagrams, and Gantt charts embedded in markdown files. This skill renders the raw snippets locally to visually check for parse errors and layout issues across all common Mermaid types.
The best way to debug an incorrectly displaying Mermaid diagram is to render it locally for visual inspection. This skill uses mermaid-cli to render markdown snippets and automatically applies layout fixes to ensure proper display for all viewers.
Yes, automated Mermaid syntax fixing supports Gantt charts and sequence diagrams. It applies proven layout rules to all common Mermaid diagram types to resolve parse errors and poorly structured subgraphs that break on target renderers.
alexander-kastilGenerate Mermaid diagrams from plain text with styling and accessibility guidance.
JocysComConvert mermaid block diagrams in markdown files to PNG images.
fuzzy-dynamicsGenerate and validate Markdown documents with Mermaid diagrams using templates.
toly1994328Write Mermaid diagrams with syntax and rendering guidelines.
