CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

interactive-teaching-materials

Creates interactive HTML teaching materials with clickable state diagrams. Use when the user asks to produce an explorable tutorial artifact, not to answer a question.

64

Quality

80%

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 ./plugins/flowai-engineering/skills/interactive-teaching-materials/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

82%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: complete data schemas, verified template edit markers, and concrete design constraints make it executable end-to-end. Remaining improvements are minor — a validation step in the workflow, explicit template filenames, and removal of small duplications.

DimensionReasoningScore

Conciseness

The body is lean and assumes Claude's competence — no basic-concept explanations — with every section (principles, anti-patterns, schema, workflow, constraints) earning its place. Minor trimmable redundancy keeps it below level 5: the "3-5 words" label guidance appears both in the schema comments and the Scaling section, and toolbar/inspector chrome rules repeat across Principles and Design Constraints.

4 / 5

Actionability

Fully executable guidance: complete copy-paste-ready data schemas with required/optional field annotations for both diagram types, exact edit markers ("Replace the DATA section (between // === DATA === and // === END DATA ===)" — both markers verified present in assets/sequence.html and assets/flowchart.html), concrete node shapes with dimensions, and a workflow pointing at real bundle files. Specific examples cover the common cases.

5 / 5

Workflow Clarity

The four-step workflow (determine type, read the template, replace the DATA section, write to target path) is a clear, unambiguous sequence with no gaps in ordering. It lacks any validation checkpoint (e.g., opening or sanity-checking the rendered artifact), matching the clear-sequence-with-minor-validation-gaps anchor rather than the explicit-feedback-loops anchor.

4 / 5

Progressive Disclosure

Well-organized overview with the bulk of the implementation correctly offloaded to one-level-deep bundle templates (assets/sequence.html, assets/flowchart.html) that exist and are clearly signaled in Workflow step 2. The only organization gap is that exact filenames are implicit ("the corresponding template from assets/") rather than named, leaving it just short of the fully clear-reference anchor.

4 / 5

Total

17

/

20

Passed

Description

70%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 concise, third-person description that clearly answers both what the skill does and when to use it, including a useful negative trigger. Its main weakness is limited action coverage and slightly abstract trigger phrasing that leaves minor overlap with static-diagram skills.

Suggestions

Enumerate the concrete outputs in the description, e.g. "Builds interactive sequence and flowchart diagrams with clickable states, transitions, and rich-text detail panels".

Add natural trigger synonyms such as "interactive diagram", "explorable walkthrough", or "clickable flowchart" to broaden keyword coverage.

State the boundary with static diagrams in the description (e.g. "not for one-glance diagrams — use Mermaid for those") to reduce conflict with plain diagram-generation skills.

DimensionReasoningScore

Specificity

"Creates interactive HTML teaching materials with clickable state diagrams" names the domain and one concrete artifact but lists only a single action; it does not mention sequence/flowchart diagrams, detail panels, or the inspector interaction. This matches the anchor for domain plus 1-2 concrete actions without comprehensive coverage, and falls short of the several-specific-actions anchor above.

3 / 5

Completeness

Both "what" (creates interactive HTML teaching materials with clickable state diagrams) and "when" ("Use when the user asks to produce an explorable tutorial artifact, not to answer a question") are explicit, with a helpful negative discriminator. The "what" is a single action and the trigger phrase "explorable tutorial artifact" is somewhat abstract, so it sits at the both-present-but-could-be-more-specific anchor rather than the fully concrete one.

4 / 5

Trigger Term Quality

Includes natural phrases users would say — "interactive", "teaching materials", "tutorial", "explorable", "state diagrams" — giving good keyword coverage. It is not level 5 because common variations like "interactive diagram", "clickable flowchart", or "explainer" are missing.

4 / 5

Distinctiveness Conflict Risk

The description carves a clear niche (interactive, clickable, explorable) with minimal conflict risk, but "state diagrams" could still capture plain static-diagram requests that a Mermaid-style skill should serve; the boundary is only stated in the body, not the description. Mostly distinct with minor overlap risk against closely related diagram skills.

4 / 5

Total

15

/

20

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.

Validation — 15 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

frontmatter_unknown_keys

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

Warning

Total

15

/

16

Passed

Repository

korchasa/flowai-plugins

Path

plugins/flowai-engineering/skills/interactive-teaching-materials/SKILL.md

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.