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

92%

Does it follow best practices?

Impact

No eval scenarios have been run

SecuritybySnyk

Passed

No known issues

SKILL.md
Quality
Evals
Security

Quality

Content

85%

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

This is a well-structured, highly actionable skill with clear workflows and excellent progressive disclosure. Its main weakness is moderate verbosity—the Golden Rules section and C4 styling guide, while valuable, could be tightened by ~30% without losing information. The decision matrix, executable examples, validation loop, and troubleshooting table are all strong elements that make this skill immediately useful.

Suggestions

Tighten the Golden Rules section by removing explanatory rationale (e.g., 'The single biggest visual improvement is...') and presenting rules as concise directives with just the code/values needed.

Consolidate the C4 Color Values Reference table into the C4 styling pattern code block as inline comments rather than a separate table, saving ~15 lines.

DimensionReasoningScore

Conciseness

The skill is quite long (~300+ lines) with some unnecessary verbosity. The Golden Rules section, while useful, over-explains color theory and design principles Claude already understands. The C4 color values reference table and some styling explanations could be more concise. However, most content is genuinely instructive rather than padding—the decision matrix, command examples, and troubleshooting table all earn their tokens.

2 / 3

Actionability

Excellent actionability throughout. Every step includes executable commands (validate.mjs, render.mjs, setup.sh, batch.mjs) with concrete flags and arguments. Code examples are complete and copy-paste ready—the flowchart, C4 Context, and architecture-beta examples are fully valid Mermaid syntax. The decision matrix maps user intent directly to diagram types and syntax keywords.

3 / 3

Workflow Clarity

The workflow is clearly sequenced (Understand → Create → Validate → Render) with explicit validation checkpoints. Step 3 mandates validation before rendering with a clear feedback loop: read error → consult troubleshooting → fix → re-validate → max 3 attempts before escalating. The modes of operation table (Create/Render/Full) adds clarity for different entry points. Setup is separated as a first-run-only step.

3 / 3

Progressive Disclosure

The skill effectively uses progressive disclosure with clear, one-level-deep references to supporting files: references/c4-architecture.md, references/aws-architecture.md, references/code-to-diagram.md, references/themes.md, references/troubleshooting.md, and references/diagram-types.md. Each reference is contextually signaled ('Read X BEFORE writing code', 'Read X when validation fails'). The main SKILL.md provides enough to work with while deferring comprehensive details appropriately.

3 / 3

Total

11

/

12

Passed

Description

100%

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

This is an excellent skill description that hits all the marks. It provides highly specific capabilities, comprehensive trigger terms that users would naturally use, explicit 'Use when' and 'Do NOT use' clauses, and clear distinctiveness from related skills. The description is thorough without being padded with fluff, and uses proper third-person voice throughout.

DimensionReasoningScore

Specificity

Lists multiple specific concrete actions: creation, validation, rendering, dual-engine output (SVG/PNG/ASCII), code-to-diagram analysis, batch rendering, syntax validation. Also enumerates specific diagram types (C4, AWS architecture-beta, flowcharts, sequence, ERD, state, class, mindmap, timeline, git graph, sankey).

3 / 3

Completeness

Clearly answers both 'what' (Mermaid diagram creation, validation, rendering with dual-engine output, supports 20+ diagram types, code-to-diagram analysis, batch rendering, themes, syntax validation) and 'when' (explicit 'Use when...' clause with multiple trigger scenarios, plus a 'Do NOT use' clause for disambiguation).

3 / 3

Trigger Term Quality

Excellent coverage of natural terms users would say: 'mermaid', 'diagram', 'flowchart', 'architecture diagram', 'sequence diagram', 'ERD', 'C4', 'ASCII diagram', 'render mermaid files', 'visualize architecture', 'AWS infrastructure'. These are terms users would naturally use when needing this skill.

3 / 3

Distinctiveness Conflict Risk

Very distinct niche focused on Mermaid diagrams specifically. The 'Do NOT use' clause explicitly excludes non-Mermaid image generation, data plotting with chart libraries, and general documentation writing, which further reduces conflict risk with adjacent skills.

3 / 3

Total

12

/

12

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.

Validation11 / 11 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.