CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

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.

Quality

80%

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

Fix and improve this skill with Tessl

tessl review fix ./skills/documentation/mermaid-diagrams/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

71%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 overview with executable examples and a clean one-level-deep reference bundle. The main cost is token overhead from generic best-practices/rationale sections and duplication of the theming material that already lives in advanced-features.md.

Suggestions

Cut the "Best Practices" and "When to Create Diagrams" sections down to the non-obvious items (version-control .mmd files, one diagram per concept) and drop generic advice like "Start Simple", "Iterate", and "Align stakeholders on technical decisions" that Claude already knows.

Replace the inline Configuration and Theming section with a one-line pointer to references/advanced-features.md, which already covers the same themes, layout, and look options.

Either add brief example snippets or reference coverage for the diagram types promised in the selection guide (state, git graph, gantt, pie) so every listed type has actionable support.

DimensionReasoningScore

Conciseness

The syntax examples and selection guide earn their tokens, but "Best Practices" items like "Start Simple", "Use Meaningful Names", and "Iterate" plus the "When to Create Diagrams" section ("Align stakeholders on technical decisions") are generic advice Claude already knows, and the Configuration/Theming section duplicates material in references/advanced-features.md — noticeably tightenable, so below the 'efficient with minor trims' anchor.

3 / 5

Actionability

Four copy-paste-ready mermaid examples (class, sequence, flowchart, ERD) plus concrete export commands ("mmdc -i input.mmd -o output.png", the docker run line) are executable guidance; however state, git, gantt, and pie diagrams are listed in the selection guide with neither examples in SKILL.md nor corresponding reference files — minor gaps keeping it below fully comprehensive.

4 / 5

Workflow Clarity

The Diagram Type Selection Guide provides a clear decision path (pick type → apply syntax → export) and validation is mentioned ("validate syntax in Mermaid Live"), but validation appears only as a pitfall note rather than an explicit checkpoint in a sequence, so it fits 'clear sequence with most checkpoints; minor validation gaps'.

4 / 5

Progressive Disclosure

The body is a concise overview with quick-start examples inline, and all seven referenced files (class-, sequence-, flowcharts, erd-, c4-, architecture-, advanced-features) exist, are each linked with a one-line description, and contain no further nested references — a clear one-level-deep structure matching the top anchor.

5 / 5

Total

16

/

20

Passed

Description

80%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 with explicit what/when structure and concrete trigger phrases. Its main weakness is trigger breadth: generic verbs like "visualize" and "model" plus data-chart types (pie, gantt) risk firing this skill for tasks better served by plotting/dataviz skills.

Suggestions

Scope the generic triggers, e.g. replace bare "visualize" and "model" with "visualize software architecture" or "model a domain" so the description doesn't compete with general dataviz or data-modeling requests.

Drop or qualify "pie charts, gantt charts" (or move them behind an explicit qualifier like 'project timelines rendered as diagrams') to avoid conflicts with dedicated charting skills.

Add missing natural trigger synonyms such as "draw a diagram" or "UML" to strengthen keyword coverage toward the top anchor.

DimensionReasoningScore

Specificity

"Comprehensive guide for creating software diagrams using Mermaid syntax" plus an enumerated type list ("class diagrams (domain modeling, object-oriented design), sequence diagrams (application flows, API interactions...), flowcharts...") names several concrete capabilities, but the core verbs (create/visualize/document) remain somewhat generic rather than the multiple distinct concrete actions of the top anchor.

4 / 5

Completeness

It clearly states what it does ("creating software diagrams using Mermaid syntax") and answers when with both an explicit "Use when users need to create, visualize, or document software through diagrams..." clause and a second "Triggers include requests to 'diagram', 'visualize', 'model', 'map out', 'show the flow'" clause with concrete trigger phrases.

5 / 5

Trigger Term Quality

Explicit triggers "'diagram', 'visualize', 'model', 'map out', 'show the flow'" plus the diagram-type names are natural phrases users would say, but common variations like "draw" or "UML" are missing — good coverage without being comprehensive.

4 / 5

Distinctiveness Conflict Risk

The Mermaid software-diagram core (class/sequence/ERD/C4) is a distinct niche, but generic triggers ("visualize", "model") and the inclusion of "pie charts, gantt charts" create more than minor overlap with general charting/dataviz skills, fitting the 'could still overlap with similar skills' anchor rather than 'minor overlap risk'.

3 / 5

Total

16

/

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

pantheon-org/tekhne

Path

skills/documentation/mermaid-diagrams/SKILL.md

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.