What problem does it solve? Mermaid diagrams frequently fail to render due to syntax errors like multiple nodes on one line, unquoted labels, invalid node IDs, or missing end keywords, and default styling often looks inconsistent. This Skill systematically repairs broken Mermaid code, validates it with built-in tools, and applies a standardized pastel color scheme. ## Core Features & Use Cases - Syntax Error Repair: Fixes 11 common error patterns including multi-node lines, \n newlines (converted to <br/>), unquoted subgraph titles and edge labels, deprecated graph keyword, invalid node IDs, missing end, and wrong arrow syntax. - Mandatory Validation Workflow: Requires calling mermaid-diagram-validator after every fix, with up to 3 repair-revalidate rounds, plus optional mermaid-diagram-preview for visual confirmation. - Pastel Theme Standardization: Applies a semantic pastel color palette via style declarations for small diagrams (≤8 nodes) or classDef/class batch styling for larger ones, including subgraph borders. - Multi-Diagram Support: Covers flowchart, sequenceDiagram, erDiagram, and stateDiagram-v2 with Mermaid v11 compatibility notes. - Use Case: A user pastes a flowchart that shows "Syntax error in text" in their documentation. The Skill splits same-line nodes, quotes all labels, replaces graph TD with flowchart TD, applies pastel styling, validates the result, and outputs the corrected diagram with a fix summary. ## Quick Start Fix this Mermaid diagram that shows a syntax error and apply the pastel color theme to it.
