CtrlK
BlogDocsLog inGet started
Tessl Logo

mermaidjs-v11

Create diagrams and visualizations using Mermaid.js v11 syntax. Use when generating flowcharts, sequence diagrams, class diagrams, state diagrams, ER diagrams, Gantt charts, user journeys, timelines, architecture diagrams, or any of 24+ diagram types. Supports JavaScript API integration, CLI rendering to SVG/PNG/PDF, theming, configuration, and accessibility features. Essential for documentation, technical diagrams, project planning, system architecture, and visual communication.

76

Quality

93%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide

SecuritybySnyk

Low

Low-risk findings worth noting

SKILL.md
Quality
Evals
Security

Quality

Content

87%

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

A well-structured, concise reference skill with executable examples and clean progressive disclosure to real bundle files. The main gap is the absence of validation/error-handling guidance in the CLI rendering workflow.

Suggestions

Add a brief note on validating .mmd syntax or handling mmdc render failures (e.g., checking exit codes or error output before retrying), to strengthen workflow clarity.

Consider an explicit end-to-end sequence (write diagram → render via CLI → verify output file exists) with a checkpoint, rather than only listing example commands.

DimensionReasoningScore

Conciseness

Lean body that assumes Claude's competence — no over-explanation of what a flowchart or library is, every section delivers syntax or commands directly.

3 / 3

Actionability

Provides executable, copy-paste-ready guidance: 'npm install -g @mermaid-js/mermaid-cli', 'mmdc -i diagram.mmd -o diagram.svg', and a complete HTML embed with script tags.

3 / 3

Workflow Clarity

Sections are organized but the CLI render path (write .mmd → convert) lacks validation or error-recovery checkpoints for when rendering fails, capping the score per the batch/destructive guidance even though operations are low-risk.

2 / 3

Progressive Disclosure

Clear overview body with well-signaled one-level-deep references ('See references/cli-usage.md', 'See references/integration.md'); all five cited reference files exist and are organized in a Resources section.

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.

A strong, third-person description that clearly states capabilities and explicit 'Use when' triggers with natural diagram keywords. It is specific, complete, and clearly distinct from other skills.

DimensionReasoningScore

Specificity

Lists multiple concrete actions — 'CLI rendering to SVG/PNG/PDF', 'JavaScript API integration', 'theming, configuration, and accessibility features' — matching the 'lists multiple specific concrete actions' anchor.

3 / 3

Completeness

Answers both what ('Create diagrams and visualizations using Mermaid.js v11 syntax') and when with an explicit 'Use when generating flowcharts...' clause, matching the top anchor.

3 / 3

Trigger Term Quality

Covers natural diagram terms users would say — 'flowcharts, sequence diagrams, class diagrams, state diagrams, ER diagrams, Gantt charts, user journeys, timelines, architecture diagrams' — giving good coverage of natural variations.

3 / 3

Distinctiveness Conflict Risk

Scoped to 'Mermaid.js v11' with diagram-type-specific triggers, occupying a clear niche unlikely to trigger for unrelated 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.

Validation16 / 16 Passed

Validation for skill structure

No warnings or errors.

Repository
mrgoonie/claudekit-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.