CtrlK
BlogDocsLog inGet started
Tessl Logo

docs-diagrams

Convert existing docs diagram images to Mermaid, and author new Mermaid diagrams for Mastra docs. Use when replacing an Excalidraw or PNG/JPG/SVG diagram with Mermaid, when a docs page needs a new diagram, when a diagram renders wrong in light or dark mode, or when auditing which docs images should become Mermaid. Triggers on: convert diagram, Excalidraw, mermaid, flowchart, diagram image, diagram styling, diagram looks wrong.

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

Passed

No findings from the security scan

SKILL.md
Quality
Evals
Security

Quality

Content

92%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 tight, highly actionable skill body that sequences a multi-step conversion workflow with real validation gates before destructive deletion and concrete commands at every step. It assumes Claude's competence and points to one external styleguide rather than restating it.

DimensionReasoningScore

Conciseness

Lean and assumes Claude's competence — it never explains what Mermaid or ELK is — but a few illustrative asides (the agents-overview image example, the suspend/resume ELK paragraph in step 3) could be trimmed without losing the rule. Efficient overall with minor instances of over-explanation.

4 / 5

Actionability

Fully executable guidance throughout: copy-paste commands ('grep -rn "<image-filename>" docs/src', 'cd docs && pnpm dev --port 3005', 'pnpm lint:remark', 'pnpm build'), concrete file paths, named functions (semanticClassCSS, semanticEdgeCSS), and a specific verification checklist covering the failures that actually happen.

5 / 5

Workflow Clarity

The Convert section is a clearly numbered 5-step sequence with explicit validation checkpoints — browser verification in both modes with a checklist (step 4) and a re-grep gate before the destructive asset deletion (step 5). The destructive operation has validation, so the cap does not apply.

5 / 5

Progressive Disclosure

Well-organized into clear sections with a single well-signaled one-level-deep reference ('Read docs/styleguides/DIAGRAM.md first. It is the shape, color, and layout language.'). No bundle files exist and no nested references, so the simple-skill organization fully satisfies navigation needs.

5 / 5

Total

19

/

20

Passed

Description

95%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, specific description that clearly states what the skill does and gives explicit, natural trigger conditions with good keyword coverage. It uses third-person imperative voice throughout and avoids vague fluff.

DimensionReasoningScore

Specificity

Names the domain and lists several specific capabilities — 'Convert existing docs diagram images to Mermaid', 'author new Mermaid diagrams', plus handling Excalidraw/PNG/JPG/SVG sources, mode-rendering fixes, and audits — with only minor coverage gaps. It is above the 3 anchor (1-2 actions) because the enumerated convert/author/audit capabilities are concrete, but not a full 5 since the core verbs are essentially two.

4 / 5

Completeness

Explicitly answers both what ('Convert existing docs diagram images to Mermaid, and author new Mermaid diagrams') and when ('Use when replacing an Excalidraw or PNG/JPG/SVG diagram... when a docs page needs a new diagram... when auditing'), with concrete trigger phrases and a 'Triggers on:' list.

5 / 5

Trigger Term Quality

Comprehensive natural-term coverage including synonyms (Excalidraw, mermaid, flowchart), file extensions (PNG/JPG/SVG), and user-style phrases ('diagram looks wrong', 'diagram styling', 'convert diagram'). These are terms a user would naturally say when needing this skill.

5 / 5

Distinctiveness Conflict Risk

Occupies a clear niche (Mastra docs diagrams → Mermaid conversion) with distinct, specific triggers (Excalidraw, mermaid, flowchart, light/dark rendering) that make overlap with unrelated skills unlikely.

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