Generate professional Mermaid diagrams with multiple themes, SVG/ASCII output, batch rendering, and a built-in template library for common diagram patterns. Supports flowcharts, sequence diagrams, class diagrams, state diagrams, ER diagrams, C4 architecture, and Gantt charts.
SkillScore95Maintained
Automatic
◆Doc Ops pack
Last verified 8/13/2026
What it changes
Passed 20 of 21 test cases with the skill, and 18 of 21 without it.
Without skill86%
With skill95%
Checks it passed that the model alone missed
Defines a JSON object with an outputDir property.
Includes a diagrams array containing diagram specifications.
Sets primaryColor to '#282a36' in the themeVariables config block.
and 2 more in the full report
3 fixed18 passed either way0 still failing1 broke
Pass-rate lift
+9 pp
Tokens
+277%
Agent turns
0%
Response time
+24%
Model gemini-3.6-flashMeasured 8/13/2026v121 of 22 cases passed with skill · 21 comparable
Tokens, turns and time describe resource use, not a dollar price.
See it in action
One of 2 test cases the skill fixed. Same model, same prompt, with and without the skill.
1 of 2
Prompt
We are preparing system architecture documentation for an e-commerce platform and need multiple diagrams created at once. Please generate a package of diagrams including an architectural overview of our microservices, an entity-relationship layout for user and order tables, and a pipeline flowchart for automated deployments. Output the diagrams formatted for our docs repository.
What was checked, without and with the skill
Checked
Without skill
With skill
Includes a Mermaid theme initialization directive starting with '%%{init:' in the diagram definitions.
Missed
Passed
Uses C4Container syntax for the microservices architectural overview diagram.
Missed
Passed
Uses erDiagram syntax for the user and order data model diagram.
Passed
Passed
case-01 · gemini-3.6-flash · 8/13/2026 · answers are capped and redacted
What's inside
The instructions your model reads when the skill loads.