CtrlK
BlogDocsLog inGet started
Tessl Logo

concept-diagrams

Generate flat, minimal educational SVG visuals as HTML.

48

Quality

54%

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 ./optional-skills/creative/concept-diagrams/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

63%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 a well-organized, unusually concrete design-system spec with real code patterns and a strong validation checklist. Its two real defects are broken bundle navigation — the required templates/template.html and the 15 promised examples/ files are absent — and token slack from the inlined hex table and duplicated marker-defs block.

Suggestions

Ship the referenced bundle files or remove the references: templates/template.html is required by the core workflow (twice) and the 'Examples Reference' section promises 15 example files, yet neither exists under the skill directory.

Deduplicate the arrow-marker <defs> block — it appears verbatim in both 'Arrow Marker' and 'SVG Boilerplate'; keep one and cross-reference it.

Trim the 63-value hex color table to the class names plus a note that the template CSS defines the stops, since the body itself says the classes are applied and never redefined by the model.

DimensionReasoningScore

Conciseness

The body is dense, table-driven, and assumes competence (no 'what is SVG' filler), but there is real slack: the 9-ramp × 7-stop hex table (63 hex values) is inlined even though the text says the template CSS handles colors and 'You do not need to redefine these', and the arrow-marker <defs> block is reproduced verbatim twice (Arrow Marker section and SVG Boilerplate). Mostly efficient, but it could be tightened — a 3, not a 4, because the duplicated blocks and redundant hex table are more than 'minor instances'.

3 / 5

Actionability

Guidance is highly concrete: exact viewBox numbers, padding/gap rules, copy-paste XML node patterns, a 12-item validation checklist, and runnable open/xdg-open and Python http.server commands. It falls short of fully-executable 5 because the core 'load the template' step calls skill_view(name="concept-diagrams", file_path="templates/template.html") and the output pattern depends on templates/template.html, which is not present in the bundle, so the primary code path cannot be executed as shipped.

4 / 5

Workflow Clarity

The 5-step workflow is clearly sequenced and ends in an explicit 12-item 'verify ALL of the following' checklist, which is stronger than the 'most checkpoints present' anchor 4 examples. It does not reach 5 because there is no error-recovery loop (what to do when a checklist item fails) and step 3 references a template file that does not exist in the bundle, leaving the key generation step unexecutable until that gap is noticed.

4 / 5

Progressive Disclosure

The three references/ files referenced in the body (physical-shape-cookbook.md, infrastructure-patterns.md, dashboard-patterns.md) all exist and are clearly signaled one level deep. However, two other referenced path groups — templates/template.html (loaded twice, once as the required wrapper) and the examples/ directory of '15 complete, tested diagrams' — do not exist in the bundle at all, so a large share of the skill's promised progressive-disclosure targets are dangling. Good structure where it exists, but navigation is broken for the missing paths.

3 / 5

Total

14

/

20

Passed

Description

45%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 and states a clear 'what', but it is a single-clause capability statement: no 'when to use' guidance, no trigger phrases like 'diagram' or 'chart', and only one action verb. It reads as a domain label with a style qualifier rather than a routing-ready description.

Suggestions

Add an explicit trigger clause, e.g. 'Use when the user asks for a diagram, concept illustration, cross-section, flowchart, or educational visual for physics, chemistry, engineering, or textbook-style material.'

Include the skill's natural synonyms — 'diagram', 'chart', 'visualization', 'drawing' — which are currently absent even though they are the words users actually say.

List one or two more concrete capabilities (e.g. 'flowcharts, exploded views, floor plans, and grouped bar charts as self-contained HTML') to lift specificity from a single 'Generate' verb.

DimensionReasoningScore

Specificity

The description names the domain ('educational SVG visuals') and output format ('as HTML') but offers only a single generic action verb — 'Generate' — with style adjectives ('flat, minimal'). It matches 'Names the domain but actions are minimal or generic' ('Processes PDF files') and lacks the 1-2 distinct concrete actions needed for a 3 ('Processes PDF files and extracts content').

2 / 5

Completeness

The 'what' is clear (generate flat, minimal educational SVG visuals delivered as HTML), but there is no 'Use when...' clause or any equivalent trigger guidance — the guideline caps completeness at 3 for this. It is above anchor 2 because the 'what' is concrete, and below anchor 4 because 'when' is entirely absent rather than merely imprecise.

3 / 5

Trigger Term Quality

'SVG', 'visuals', and 'educational' are relevant keywords users would plausibly say, but the most natural trigger terms for this skill — 'diagram', 'chart', 'drawing', 'visualization' — are entirely absent from the description (they appear only in the body). This fits 'Some relevant keywords but missing common variations or synonyms', not the good-coverage anchor 4.

3 / 5

Distinctiveness Conflict Risk

'Flat, minimal educational SVG visuals' carves out a partial niche, but the description gives no distinct trigger phrases, and the skill ecosystem it lives in contains close relatives (architecture-diagram, excalidraw, charting skills per its own metadata and scope notes). A user saying 'draw me a diagram' would not clearly route here over those, so 'Somewhat specific but could still overlap with similar skills' applies.

3 / 5

Total

11

/

20

Passed

Validation

81%

Checks the skill against the spec for correct structure and formatting. All validation checks must pass before discovery and implementation can be scored.

Validation — 13 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

metadata_version

'metadata.version' is missing

Warning

metadata_field

'metadata' should map string keys to string values

Warning

frontmatter_unknown_keys

Unknown frontmatter key(s) found; consider removing or moving to metadata

Warning

Total

13

/

16

Passed

Repository
NousResearch/hermes-agent
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.