Install any skill in seconds. Free to start, no credit card required.
Get Started Free →okhp3/mermaid-diagrams
Comprehensive guide for creating software diagrams using Mermaid syntax.
Passed 22 of 23 test cases with the skill, and 17 of 23 without it.
and 3 more in the full report
5 fixed17 passed either way1 still failing0 broke
Tokens, turns and time describe resource use, not a dollar price.
One of 5 test cases the skill fixed. Same model, same prompt, with and without the skill.
How do you insert an explanatory comment line inside a text diagram script so the renderer ignores it?
| Checked | Without skill | With skill |
|---|---|---|
| Starts comment lines with double percent signs %%. | Missed | Passed |
The instructions your model reads when the skill loads.
Create professional software diagrams using Mermaid's text-based syntax. Mermaid renders diagrams from simple text definitions, making diagrams version-controllable, easy to update, and maintainable alongside code.
All Mermaid diagrams follow this pattern:
diagramType
definition content
Key principles:
classDiagram, sequenceDiagram, flowchart)%% for commentsChoose the right diagram type:
Class Diagrams - Domain modeling, OOP design, entity relationships
Sequence Diagrams - Temporal interactions, message flows
Flowcharts - Processes, algorithms, decision trees
test cases passed, vs 17 / 23 without
Published skills whose descriptions closely match this one, with their headline benchmark lift.
More skills from the same source and nearby in the registry, with their headline benchmark lift.