Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →nicepkg/mermaid-diagrams
Create diagrams and visualizations using Mermaid syntax.
Passed 11 of 22 test cases with the skill, and 17 of 22 without it.
1 fixed19 passed either way0 still failing2 broke
Tokens, turns and time describe resource use, not a dollar price.
A test case the skill fixed. Same model, same prompt, with and without the skill.
In a flowchart diagram, highlight node `A` with a custom green fill (`#22c55e`). Define a reusable class definition named `green` and apply it to node `A` rather than writing inline styles.
| Checked | Without skill | With skill |
|---|---|---|
| Defines classDef green fill directive | Passed | Passed |
| Applies class to node A using :::green syntax | Missed | Passed |
The instructions your model reads when the skill loads.
Create diagrams and visualizations using Mermaid markdown syntax.
Mermaid diagrams are written in markdown code blocks with mermaid as the language identifier.
flowchart TD
A[Start] --> B{Is it valid?}
B -->|Yes| C[Process data]
B -->|No| D[Show error]
C --> E[Save to database]
D --> F[Return to input]
E --> G[End]
F --> A
flowchart TD %% TD = top-down, LR = left-right, RL, BT
A[Rectangle] %% Square brackets = rectangle
B(Rounded) %% Parentheses = rounded rectangle
C{Diamond} %% Curly braces = diamond/decision
D[[Subroutine]] %% Double brackets = subroutine
E[(Database)] %% Cylinder shape
F((Circle)) %% Double parentheses = circle
G>Asymmetric] %% Flag shape
A --> B %% Arrow
B --- C %% Line without arrow
C -.-> D %% Dotted arrow
D ==> E %% Thick arrow
E --text--> F %% Arrow with label
F -->|label| G %% Alternative label syntax
test cases passed, vs 17 / 22 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.