CtrlK
BlogDocsLog inGet started
Tessl Logo

video-template-frame-kinetic-type

Use this plugin when the user wants a "Kinetic Type" HyperFrames motion video — Bold kinetic typography promo

56

Quality

64%

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/_official/video-templates/frame-kinetic-type/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

71%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 tightly written, well-structured template skill with an excellent conciseness profile and a clear workflow, undermined by a vague render step with no executable command and a workflow anchored on source/index.html, which is absent from the provided bundle. Fixing the render command and shipping (or correcting) the source/ reference would lift the two weakest dimensions.

Suggestions

Add the concrete render invocation for the html-video/HyperFrames renderer (command or entry-point script) with the key flags (duration, fps, resolution), instead of 'Render to MP4 via the html-video / HyperFrames renderer'.

Ensure the referenced `source/` bundle (at minimum `source/index.html`) is actually included alongside SKILL.md, since the whole workflow depends on it.

Add a brief post-render check (e.g. verify output duration/resolution match 15s 16:9) to close the workflow's validation gap.

DimensionReasoningScore

Conciseness

The ~30-line body is lean with zero padding: it never explains what GSAP, MP4, or 16:9 are, and every section ('What this template is', 'Workflow', 'Attribution') earns its tokens. This matches anchor 5 ('lean and efficient; assumes Claude's competence; every token earns its place') — there is no over-explanation to trim, so it cannot be anchor 4.

5 / 5

Actionability

Steps 1-2 are concrete (a specific file to read, an explicit copy-replacement instruction with a preservation constraint), but the terminal and most important step — 'Render to MP4 via the html-video / HyperFrames renderer' — gives no command, flag, or entry point, and no render parameters are shown despite 15s/30fps being specified. Concrete-but-incomplete guidance with missing key details matches anchor 3 rather than anchor 4's 'concrete code or commands with minor gaps'.

3 / 5

Workflow Clarity

The four steps are clearly sequenced (understand → customize → constrain → render) and step 3 acts as a guardrail against breaking headless renders. No validation step exists, but nothing here is destructive or batch, so the cap of 3 does not apply; the missing post-render verification keeps it at anchor 4 ('clear sequence with most checkpoints present; minor validation gaps') rather than anchor 5.

4 / 5

Progressive Disclosure

Sections are well organized for a short skill, but the body's primary pointer — 'bundled under source/' and 'Read source/index.html' — does not exist in the bundle (no source/, references/, scripts/, or assets/ directories are present). Scored against the actual bundle structure per the rubric guidelines, the one referenced path is broken, which fits anchor 3 ('references present but not clearly signaled/usable') better than anchor 5's 'easy navigation' or the simple-skill exception.

3 / 5

Total

15

/

20

Passed

Description

57%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 short, niche description with an explicit and appropriately scoped 'use when' clause, but it names the product rather than the skill's actions. It would benefit from stating what the skill does (customize and render an HTML/CSS/GSAP kinetic-typography composition to MP4) and from a few more natural trigger synonyms.

Suggestions

State the capability, not just the artifact: e.g. 'Customizes and renders a kinetic typography promo video (HTML + CSS + GSAP) to MP4/WEBM at 16:9' instead of only naming the template.

Add 2-3 natural trigger synonyms users might say, such as 'animated text video', 'text animation promo', or 'typography video', alongside 'Kinetic Type'.

Include the concrete deliverable format (MP4/WEBM, 15s, 30fps) in the description so the 'what' is explicit without needing to open the skill.

DimensionReasoningScore

Specificity

The description names the domain ("Kinetic Type HyperFrames motion video", "Bold kinetic typography promo") but lists no concrete actions or capabilities — it never says what the skill actually does (build, customize, render). It fits anchor 2 ('names the domain but actions are minimal or generic') better than anchor 3, which requires 1-2 concrete actions, and better than anchor 1 because the domain is named specifically rather than in purely abstract language.

2 / 5

Completeness

Both halves are present: what ("Bold kinetic typography promo") and an explicit when ("Use this plugin when the user wants a 'Kinetic Type' HyperFrames motion video"). The 'when' clause is explicit, so the completeness cap of 3 for a missing trigger does not apply, but the 'what' is thin — it describes the artifact, not the operation — keeping it at anchor 4 rather than anchor 5's 'clearly and explicitly answers both with concrete trigger phrases'.

4 / 5

Trigger Term Quality

Terms like "Kinetic Type", "motion video", and "kinetic typography promo" are natural for this niche, but coverage is thin: no synonyms or variations ("animated text", "text animation video", "typography promo") beyond the template's own name. This matches anchor 3 ('some relevant keywords but missing common variations or synonyms') rather than anchor 4's 'good keyword coverage with only a few terms missing'.

3 / 5

Distinctiveness Conflict Risk

The "Kinetic Type" template name is a clear, distinct niche trigger within HyperFrames, but the broader use cases ("Promo headline · Bold statement · Punchy intro") overlap with sibling promo/intro video templates. Mostly distinct with minor overlap risk against closely related templates fits anchor 4; anchor 5 would require no meaningful sibling conflict.

4 / 5

Total

13

/

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
nexu-io/open-design
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.