CtrlK
BlogDocsLog inGet started
Tessl Logo

plannotator-visual-explainer

Generate self-contained HTML visualizations with Plannotator theming. Use for implementation plans, PR explainers, architecture diagrams, data tables, slide decks, and any visual explanation of technical concepts. Plans and PR explainers follow Plannotator's prescriptive approach; all other visual content delegates to nicobailon/visual-explainer.

68

Quality

81%

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

85%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 well-structured skill body with strong progressive disclosure, explicit validation gates with retry loops, and concrete executable commands. Minor conciseness redundancy and the reliance on references for build detail keep actionability and conciseness just below the top anchor.

DimensionReasoningScore

Conciseness

The body is efficient and assumes Claude's competence without explaining basics, but a few points repeat across sections ("Whitespace is a feature," "No time estimates," "prescriptive structure") and could be trimmed.

4 / 5

Actionability

Copy-paste-ready commands ("plannotator annotate <file> --gate", "npx skills add nicobailon/visual-explainer -g --yes") and specific validation markers are concrete, though most build detail lives in the referenced files rather than inline.

4 / 5

Workflow Clarity

A clear route → read → build → validate → deliver sequence with an explicit hard-gate feedback loop ("Fix the diagram or theme configuration and rerun both palettes until every SVG passes") matches the top anchor.

5 / 5

Progressive Disclosure

SKILL.md is a concise overview that routes by content type to well-signaled, one-level-deep references (design-system.md, svg-patterns.md, pr-components.md, theme-override.md, diagram-shell.md), all of which exist as real files with no nested indirection.

5 / 5

Total

18

/

20

Passed

Description

78%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 clear, well-targeted description that answers both what and when with concrete, natural trigger phrases. It is slightly limited in action-verb diversity and has minor overlap surface with the visual-explainer skill it delegates to.

DimensionReasoningScore

Specificity

"Generate self-contained HTML visualizations" and "delegates to nicobailon/visual-explainer" name the domain with one to two concrete actions, but the verb set is narrow (generate, delegate) while the breadth comes from enumerated content types rather than distinct capabilities.

3 / 5

Completeness

It explicitly states the what ("Generate self-contained HTML visualizations with Plannotator theming") and the when via an explicit "Use for ..." clause listing concrete trigger phrases, matching the top anchor.

5 / 5

Trigger Term Quality

"implementation plans, PR explainers, architecture diagrams, data tables, slide decks" are natural phrases a user would say, giving good keyword coverage, though a few synonyms or equivalents are missing.

4 / 5

Distinctiveness Conflict Risk

The Plannotator theming niche and prescriptive plan/PR path are mostly distinct, but the explicit delegation to visual-explainer for everything else creates minor overlap risk with that closely related skill.

4 / 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
backnotprop/plannotator
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.