Fix and validate Mermaid diagrams in Markdown files using mermaid-cli.
npx skills add https://github.com/jinbangyi/k8s-agent --skill mermaid-fix
Please help me install this Agent Skill. Skill: mermaid-fix Source: https://github.com/jinbangyi/k8s-agent/tree/main/.claude/skills/mermaid-fix Command: npx skills add https://github.com/jinbangyi/k8s-agent --skill mermaid-fix
Mermaid diagrams in Claude workflows can be error-prone or malformed; this skill fixes and validates Mermaid code blocks to ensure diagrams render correctly.
Read existing rules from .claude/rules/mermaid.md, extract diagrams from your Markdown files, validate them with mmdc, apply fixes, and update rules with new patterns.
High-intent search queries and answers about installing and using this skill.
To fix Mermaid syntax errors, extract diagram blocks from Markdown files, validate them with mermaid-cli (mmdc), and apply corrections based on the returned error messages using predefined pattern rules.
Mermaid diagrams often fail to render due to common syntax issues like incorrect Graph TD capitalization or using HTML tags in labels. Automated validation with mmdc detects these malformed blocks and applies rule-based fixes to ensure correct rendering.
Yes, mermaid-cli (mmdc) is required to validate Mermaid diagrams. The tool uses mmdc to detect syntax errors and extract diagrams from documentation files for automated sanity checks.
Yes, you can automate Mermaid diagram validation by extracting code blocks from Markdown files and running mermaid-cli syntax checks, saving newly discovered error patterns to a rules file to improve future validations.
The best way to handle malformed Mermaid code blocks is to validate them with mermaid-cli, apply targeted fixes based on error messages, and update your rules file with newly discovered patterns to prevent recurrence.
codihausValidate and fix Mermaid diagrams embedded in Markdown files using mmcd and reference guides.
aleph23Embed Mermaid diagrams in Markdown files with templates and style guides.
windyskyRender Mermaid diagrams to SVG and PNG via MCP Playwright.
ahgraberGenerate and locally render Mermaid diagrams for chatbot flows.
