CtrlK
BlogDocsLog inGet started
Tessl Logo

beautiful-mermaid

Render Mermaid diagrams as SVG and PNG using the Beautiful Mermaid library. Use when the user asks to render a Mermaid diagram.

64

Quality

75%

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 ./.agents/skills/beautiful-mermaid/SKILL.md

The canonical home for this skill is beautiful-mermaid in intellectronica/agent-skills

SKILL.md
Quality
Evals
Security

Quality

Content

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

The body is highly actionable with executable commands across the whole rendering pipeline and good progressive disclosure via a reference file. Its main gap is the absence of explicit validation checkpoints in the workflow despite a multi-step, file-producing process.

Suggestions

Add an explicit validation step after Step 2 (e.g. 'Verify diagram.svg is non-empty and well-formed before proceeding') and a retry loop on render failure to satisfy the validation-checkpoint requirement.

Consolidate the theme listing: keep either the inline 'Available Themes' list or the 'Theme Selection Guide' table rather than restating all themes twice, trimming redundant tokens.

DimensionReasoningScore

Conciseness

Mostly efficient and action-oriented with no padding of concepts Claude already knows, though the theme list and the theme selection table redundantly restate the same themes.

4 / 5

Actionability

Provides copy-paste-ready commands for the full pipeline (render, create-html, agent-browser capture, cleanup) plus concrete syntax examples covering common cases.

5 / 5

Workflow Clarity

A clear five-step sequence exists, but there is no explicit validation checkpoint after rendering (e.g. verify the SVG is non-empty/well-formed) before proceeding to PNG capture; missing feedback loops in a multi-step file-producing workflow caps clarity at 3.

3 / 5

Progressive Disclosure

SKILL.md serves as an overview with a clearly signaled one-level-deep reference (mermaid-syntax.md) and invoked scripts, with only minor redundancy from the dual inline theme listing.

4 / 5

Total

16

/

20

Passed

Description

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

The description is concise, uses third person, and clearly states both what the skill does and when to use it. Its main weakness is a narrow single trigger phrase and limited action coverage rather than a comprehensive list.

Suggestions

Broaden the trigger phrase to include synonyms users say, e.g. 'Use when the user asks to render, export, or convert a Mermaid diagram (flowchart, sequence, state, class, or ER diagram) to SVG or PNG.'

Expand the 'what' to mention additional concrete actions beyond SVG/PNG output, such as applying themes or generating diagrams from a description, to lift specificity.

DimensionReasoningScore

Specificity

Names the domain and two concrete actions (render to SVG and PNG) but offers no broader coverage of capabilities beyond the two output formats.

3 / 5

Completeness

Provides a clear 'what' (render Mermaid diagrams as SVG/PNG) and an explicit 'when' ('Use when the user asks to render a Mermaid diagram'), though the trigger is singular and could list more variations.

4 / 5

Trigger Term Quality

Includes the natural user phrase 'render a Mermaid diagram' plus 'SVG and PNG', but lacks synonyms like 'flowchart'/'sequence diagram' and file extensions like '.mmd'.

4 / 5

Distinctiveness Conflict Risk

Targets a clear niche (Beautiful Mermaid diagram rendering to SVG/PNG) with distinct triggers and minimal overlap risk with other skills.

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

Validation16 / 16 Passed

Validation for skill structure

No warnings or errors.

Repository
calesthio/OpenMontage
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.