Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →mkurman/beautiful-mermaid
Render Mermaid diagrams as SVG and PNG using the Beautiful Mermaid library.
Passed 20 of 22 test cases with the skill, and 9 of 22 without it.
and 10 more in the full report
11 fixed9 passed either way2 still failing0 broke
Tokens, turns and time describe resource use, not a dollar price.
One of 11 test cases the skill fixed. Same model, same prompt, with and without the skill.
Our team wants a modern dark aesthetic with a dark blue background color scheme for rendered Mermaid diagrams. What theme preset identifier should be selected?
| Checked | Without skill | With skill |
|---|---|---|
| Specifies the tokyo-night theme preset. | Missed | Passed |
The instructions your model reads when the skill loads.
----|------------|----------| | default | Light grey | General use | | dracula | Dark purple | Dark mode preference | | tokyo-night | Dark blue | Modern dark aesthetic | | tokyo-night-storm | Darker blue | Higher contrast | | nord | Dark arctic | Muted, calm visuals | | nord-light | Light arctic | Light mode with soft tones | | github-dark | GitHub dark | Matches GitHub UI | | github-light | GitHub light | Matches GitHub UI | | catppuccin-latte | Warm light | Soft pastel aesthetic | | solarized | Tan/cream | Solarized colour scheme | | one-dark | Atom dark | Atom editor aesthetic | | zinc-dark | Neutral dark | Minimal, no colour bias |
Check the render script output for the bg and fg values, or inspect the SVG's opening tag for --bg and --fg CSS custom properties.
-->|label| pipe notation, not -- label -->graph TD, graph LR, etc.)test cases passed, vs 9 / 22 without
More skills from the same source and nearby in the registry, with their headline benchmark lift.