Dev Mermaid

Overview

This skill provides syntax guidelines for generating valid Mermaid diagrams. Mermaid is a diagramming language that renders text into diagrams, but it's strict about parsing—improper syntax causes rendering failures.

Syntax Rules

When generating Mermaid:

1. Always wrap node labels in double quotes if they contain any of the following:

   • Parentheses ( )
   • Commas ,
   • Arrows like ->, =>, →
   • Function-like text (e.g. foo(a, b))
   • Operators or symbols (+, -, _ in method names combined with punctuation)

2. Use this pattern: