CtrlK
BlogDocsLog inGet started
Tessl Logo

mermaid-studio

Expert Mermaid diagram creation, validation, and rendering with dual-engine output (SVG/PNG/ASCII). Supports all 20+ diagram types including C4 architecture, AWS architecture-beta with service icons, flowcharts, sequence, ERD, state, class, mindmap, timeline, git graph, sankey, and more. Features code-to-diagram analysis, batch rendering, 15+ themes, and syntax validation. Use when users ask to create diagrams, visualize architecture, render mermaid files, generate ASCII diagrams, document system flows, model databases, draw AWS infrastructure, analyze code structure, or anything involving "mermaid", "diagram", "flowchart", "architecture diagram", "sequence diagram", "ERD", "C4", "ASCII diagram". Do NOT use for non-Mermaid image generation, data plotting with chart libraries, or general documentation writing.

75

Quality

94%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide
SecuritybySnyk

Passed

No findings from the security scan

SKILL.md
Quality
Evals
Security

Quality

Content

92%Weight 40%Scale 1-5

Reviews the quality of instructions and guidance provided to agents. Good implementation is clear, handles edge cases, and produces reliable results.

A strong, highly actionable skill body with a clearly sequenced create-validate-render workflow and exemplary reference signaling (all six referenced files exist, one level deep). The main improvement opportunity is trimming duplicated content — the init palette block, the 15-theme catalog, and the troubleshooting table — that already lives in the reference files.

Suggestions

Show the %%{init} palette block once (Rule 1) and have the flowchart example reference it instead of repeating ~10 lines of themeVariables verbatim.

Replace the inline 15-theme enumeration with a short highlight (2-3 themes) and defer the full catalog to references/themes.md.

Trim the troubleshooting quick-reference table to the top 3-4 most common symptoms and let references/troubleshooting.md carry the rest.

DimensionReasoningScore

Conciseness

The body is mostly lean, assumption-free, and packed with non-obvious curated knowledge (the fontFamily/Chromium warning, the 15-node and 6-Rel limits, engine fallback behavior), but contains avoidable duplication: the full %%{init} palette block appears twice, and the 15-theme catalog (line 339) and troubleshooting table duplicate content in references/themes.md and references/troubleshooting.md. This fits the 4 anchor ('minor instances of over-explanation that could be trimmed') better than 3, since none of it explains concepts Claude already knows.

4 / 5

Actionability

Guidance is fully executable: copy-paste-ready render/validate/batch commands with flags (--icons logos, --width 1200, --workers 4), complete styled Mermaid examples for flowchart, C4, and architecture-beta, and concrete numeric limits. It matches the 5 anchor ('copy-paste ready code or commands; specific examples cover the common cases') and exceeds the 4 anchor, which allows missing details.

5 / 5

Workflow Clarity

Steps 1-5 are clearly sequenced (Understand → Create → Validate → Render), with an explicit validation checkpoint and a feedback loop ('Read the error message... Fix the syntax and re-validate. Maximum 3 fix attempts'), and validation is mandated before both single and batch rendering — matching the 5 anchor's validate → fix → retry pattern, including for the batch path.

5 / 5

Progressive Disclosure

SKILL.md is a well-organized overview with a dedicated 'When to Load References' section mapping each of the six existing reference files to a specific need, and pointers repeated inline at the relevant sections. All referenced files exist and references are one level deep (reference files only mention peer files, not nested chains), matching the 5 anchor 'Clear overview with well-signaled one-level-deep references; easy navigation'.

5 / 5

Total

19

/

20

Passed

Description

92%Weight 40%Scale 1-5

Based on the skill's description, can an agent find and select it at the right time? Clear, specific descriptions lead to better discovery.

An excellent description that clearly states capabilities, provides rich natural-language triggers, and includes explicit use/don't-use boundaries. The only gap is the absence of file-extension triggers (.mmd) and a few synonyms (e.g., 'UML') that would make keyword coverage fully comprehensive.

Suggestions

Add the .mmd file extension and a synonym like 'UML diagram' to the trigger terms to close the gap in trigger_term_quality.

DimensionReasoningScore

Specificity

The description lists multiple concrete actions — 'creation, validation, and rendering with dual-engine output (SVG/PNG/ASCII)', 'code-to-diagram analysis, batch rendering, 15+ themes, and syntax validation' — with comprehensive, non-generic coverage. It matches the anchor 'Lists multiple specific concrete actions; comprehensive coverage' and is a clear fit above the 4 anchor ('minor gaps in coverage').

5 / 5

Completeness

It explicitly answers 'what' (three capability sentences) and 'when' ('Use when users ask to create diagrams... or anything involving "mermaid", "diagram"...') with concrete trigger phrases, exactly matching the 5 anchor. It also adds boundary exclusions ('Do NOT use for non-Mermaid image generation...'), strengthening it beyond the 4 anchor's 'when could be more explicit'.

5 / 5

Trigger Term Quality

Trigger coverage is extensive and natural — 'create diagrams, visualize architecture, render mermaid files, generate ASCII diagrams, model databases, draw AWS infrastructure' plus quoted keywords 'mermaid', 'flowchart', 'ERD', 'C4', 'ASCII diagram' — but file extensions (e.g., .mmd) and common synonyms like 'UML' are absent, so it sits between the 4 anchor ('a few natural terms missing') and the 5 anchor, which explicitly requires extensions.

4 / 5

Distinctiveness Conflict Risk

A clear niche (Mermaid diagramming) with distinct triggers and explicit negative carve-outs ('Do NOT use for non-Mermaid image generation, data plotting with chart libraries, or general documentation writing') that prevent overlap with adjacent skills, matching 'Clear niche with distinct triggers; minimal conflict risk'. Broad phrases like 'analyze code structure' are anchored to the code-to-diagram capability, keeping it above the 4 anchor.

5 / 5

Total

19

/

20

Passed

Validation

100%

Checks the skill against the spec for correct structure and formatting. All validation checks must pass before discovery and implementation can be scored.

Validation — 16 / 16 Passed

Validation for skill structure

No warnings or errors.

Repository
tech-leads-club/agent-skills
Reviewed

Table of Contents

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.