CtrlK
BlogDocsLog inGet started
Tessl Logo

mermaid-diagrams

Comprehensive guide for creating software diagrams using Mermaid syntax. Use when users need to create, visualize, or document software through diagrams including class diagrams (domain modeling, object-oriented design), sequence diagrams (application flows, API interactions, code execution), flowcharts (processes, algorithms, user journeys), entity relationship diagrams (database schemas), C4 architecture diagrams (system context, containers, components), state diagrams, git graphs, pie charts, gantt charts, or any other diagram type. Triggers include requests to "diagram", "visualize", "model", "map out", "show the flow", or when explaining system architecture, database design, code structure, or user/application flows.

71

Quality

87%

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

78%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 well-structured reference skill with executable examples, accurate reference architecture, and clear diagram-type selection guidance. The main weaknesses are padded generic best-practice sections and validation advice that lives in a pitfalls list instead of an explicit workflow checkpoint.

Suggestions

Cut or merge the 'Best Practices' and 'When to Create Diagrams' sections — items like 'Use Meaningful Names' and 'Iterate' are guidance Claude already has; keep only Mermaid-specific pitfalls.

Promote validation into an explicit step: add a short 'create -> validate in Mermaid Live -> fix -> export' sequence so the render-fail-fix loop is a checkpoint, not a footnote.

DimensionReasoningScore

Conciseness

Mostly efficient — the selection guide and examples are tight — but generic advice Claude already knows pads the body: 'Use Meaningful Names - Clear labels make diagrams self-documenting', 'Iterate - Refine diagrams as understanding evolves', and 'Always diagram when: Starting new projects... Onboarding new team members'. Not 4: two full sections (Best Practices, When to Create Diagrams) restate obvious guidance rather than adding Mermaid-specific knowledge; not 2: the bulk is concrete and non-redundant.

3 / 5

Actionability

Four complete, copy-paste-ready Mermaid examples (class, sequence, flowchart, ERD) plus concrete export commands: 'mmdc -i input.mmd -o output.png' and a docker invocation with volume mounts. Specific examples cover the common cases and the selection guide maps each use case to a diagram type. Not 4: no gaps — even theming config and look/layout options are given as runnable snippets.

5 / 5

Workflow Clarity

The implicit workflow is coherent: pick a type via the selection guide, write syntax, validate ('Misspellings break diagrams; validate syntax in Mermaid Live'), and export. Validation guidance exists but is buried in Common Pitfalls rather than framed as an explicit checkpoint step. Not 5: no explicit sequenced steps or feedback loop (render-fail-fix-retry); not 3: the decision process and validation advice are both present and specific.

4 / 5

Progressive Disclosure

SKILL.md is a genuine overview: quick-start examples inline, with all seven referenced files (class-diagrams.md, sequence-diagrams.md, flowcharts.md, erd-diagrams.md, c4-diagrams.md, architecture-diagrams.md, advanced-features.md) existing on disk, each annotated with its scope, one level deep, and no nested references. Not 4: navigation is unambiguous and the split (overview + per-type deep dives) is exactly appropriate.

5 / 5

Total

17

/

20

Passed

Description

96%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.

A strong description that explicitly states capability, enumerates diagram types with use cases, and provides concrete quoted trigger phrases in third-person voice. The only weakness is that a few broad triggers ('model', 'visualize') could collide with adjacent modeling or charting skills.

Suggestions

Qualify the 'model' trigger (e.g., 'model out' or 'diagram the model') to reduce overlap with ML/data-modeling skills.

Trim the long enumeration slightly and add a distinguishing cue such as the '.mmd' file extension or 'Mermaid' in the trigger clause.

DimensionReasoningScore

Specificity

The description lists multiple concrete capabilities — 'class diagrams (domain modeling, object-oriented design), sequence diagrams (application flows, API interactions, code execution), flowcharts (processes, algorithms, user journeys), entity relationship diagrams (database schemas), C4 architecture diagrams' — with comprehensive coverage of diagram types and their use cases. Not 4: coverage extends across every major diagram type with parenthetical specifics, matching the 'comprehensive coverage' anchor.

5 / 5

Completeness

Explicitly answers both questions: what ('Comprehensive guide for creating software diagrams using Mermaid syntax') and when ('Use when users need to create, visualize, or document software through diagrams... Triggers include requests to...'). Matches the anchor for explicit what AND when with concrete trigger phrases. Not 4: the 'when' clause is fully explicit with quoted trigger phrases, not merely present.

5 / 5

Trigger Term Quality

Trigger phrases are natural user language: 'diagram', 'visualize', 'model', 'map out', 'show the flow', plus contextual triggers like 'explaining system architecture, database design, code structure, or user/application flows'. Includes colloquial synonyms users would actually say. Not 4: the synonym coverage (formal terms plus casual phrases like 'map out' and 'show the flow') is comprehensive rather than merely good.

5 / 5

Distinctiveness Conflict Risk

The Mermaid/diagram niche is mostly distinct, but broad triggers like 'model', 'visualize', and 'pie charts, gantt charts' create minor overlap risk with data-modeling, general dataviz, and charting skills. Not 5: 'model' and 'visualize' alone would plausibly fire for non-diagram requests; not 3: the domain (Mermaid software diagrams) and most triggers are clearly scoped to this skill.

4 / 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.

Validation16 / 16 Passed

Validation for skill structure

No warnings or errors.

Repository
pantheon-org/tekhne
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.