CtrlK
BlogDocsLog inGet started
Tessl Logo

diagram-generation

Generate self-contained HTML architecture diagrams. Use when creating visual diagrams for PRs, task plans, or architectural explanations.

60

Quality

70%

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/diagram-generation/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

65%

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

A well-organized, concise body with a clear overview and intended one-level-deep references. Its main weakness is that the referenced template.md and style-guide.md files are absent, leaving the core HTML generation incomplete and navigation broken.

Suggestions

Add the missing template.md and style-guide.md bundle files (or inline the essential HTML template and SRI hash) so the core generation step is executable from SKILL.md alone.

Add an explicit validation checkpoint (e.g., open the generated HTML and confirm it renders / screenshots cleanly before declaring done) to give the workflow a feedback loop.

Keep the concrete output-path and git-common-dir guidance, but pair it with a minimal inline HTML skeleton so the action is copy-paste ready even if a reference file is unavailable.

DimensionReasoningScore

Conciseness

The body is lean and assumes Claude's competence — no padding about what HTML or diagrams are — and each section (Output, Required Sections, Section Selection, Common Gotchas) earns its place.

3 / 3

Actionability

It gives a concrete output path and a git command, but the actual HTML generation depends entirely on referenced template.md and style-guide.md, which are missing, leaving the core task without inline executable guidance.

2 / 3

Workflow Clarity

Steps are sequenced and selection rules are clear, but there is no validation checkpoint for a workflow that writes files and uses Playwright/html2canvas, only guardrail gotchas rather than an explicit render-and-verify loop.

2 / 3

Progressive Disclosure

The Reference Files section correctly signals one-level-deep pointers to style-guide.md and template.md, but those files do not exist in the bundle, so the navigation is broken despite good structural intent.

2 / 3

Total

9

/

12

Passed

Description

75%

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 concise, well-targeted description that clearly answers both what it does and when to use it, with a distinct HTML-architecture-diagram niche. It is held back from full marks by a single core action verb and slightly incomplete trigger-term coverage.

Suggestions

Expand the action list to multiple concrete verbs (e.g., "Generate, style, and export self-contained HTML architecture diagrams") to raise specificity.

Broaden trigger terms to include common user phrasings like "diagram", "architecture diagram", or "flow diagram" alongside "visual diagrams".

DimensionReasoningScore

Specificity

"Generate self-contained HTML architecture diagrams" names a concrete action and domain but lists only one core verb rather than multiple specific actions, matching the "names domain and some actions" anchor.

2 / 3

Completeness

It states what ("Generate self-contained HTML architecture diagrams") and an explicit when ("Use when creating visual diagrams for PRs, task plans, or architectural explanations"), satisfying both required halves.

3 / 3

Trigger Term Quality

"Use when creating visual diagrams for PRs, task plans, or architectural explanations" supplies natural triggers, but misses common variations like "diagram" or "flow chart", so coverage is partial rather than comprehensive.

2 / 3

Distinctiveness Conflict Risk

The self-contained HTML architecture-diagram niche tied to PRs, task plans, and architectural explanations is distinct and unlikely to trigger for unrelated skills.

3 / 3

Total

10

/

12

Passed

Validation

93%

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

Validation15 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

relative_links

Relative link issues: 2 missing

Warning

Total

15

/

16

Passed

Repository
comet-ml/opik
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.