CtrlK
BlogDocsLog inGet started
Tessl Logo

video-template-frame-build-minimal

Use this plugin when the user wants a "Build Minimal Frame" HyperFrames motion video — Luxury-minimal whitespace hero — single word reveals letter by letter, warm-gold hairline, breathing indicators.

58

Quality

67%

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-build-minimal/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

61%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 concise, well-structured overview for a simple template skill that mostly respects the token budget. The gaps are operational: no render command, no validation of the rendered output, and an unverifiable, un-enumerated source bundle.

Suggestions

Add the concrete render command (or a minimal runnable snippet) for the html-video/HyperFrames renderer so the final workflow step is executable rather than descriptive.

Add a verification checkpoint after rendering — e.g., check the output duration/fps or preview the first frames before delivering.

Enumerate the 'source/' bundle (index.html plus any CSS/JS/assets) with one line per file so the reference is navigable without opening the directory.

DimensionReasoningScore

Conciseness

The body is lean, assumes competence, and explains nothing Claude already knows — every section carries information. It is not a 5 because the line 'Luxury-minimal whitespace hero — single word reveals letter by letter…' repeats the frontmatter description verbatim and could be trimmed.

4 / 5

Actionability

There is some concrete guidance — a specific file to read ('source/index.html'), named layers and timeline, and an explicit keep-self-contained constraint — but the critical render step ('Render to MP4 via the html-video / HyperFrames renderer') gives no command or code. This matches 'Some concrete guidance but incomplete; missing key details' rather than score 4's mostly-executable guidance.

3 / 5

Workflow Clarity

The four workflow steps are clearly sequenced (read → replace copy → keep self-contained → render), but there is no validation or verification checkpoint (e.g., confirming the render succeeded or the timing stayed intact). Anchor 3 ('Steps listed but validation gaps; checkpoints missing') fits better than 4, which requires most checkpoints present.

3 / 5

Progressive Disclosure

Sections are well-organized (what it is, best for, workflow, attribution) and the reference to 'source/index.html' is one level deep and clearly signaled. It falls short of 5 because the bundle contents under 'source/' are not enumerated or verifiable here, so navigation into the actual template material is underspecified.

4 / 5

Total

14

/

20

Passed

Description

73%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 distinctive, trigger-explicit description for a niche video template, with strong natural keywords. Its main weakness is that it describes the visual aesthetic rather than the skill's concrete actions, leaving the 'what' implicit.

Suggestions

State the action explicitly, e.g., 'Builds and renders a HyperFrames-ready HTML/CSS/GSAP motion composition to MP4/WEBM (16:9, 1:1, 15s, 60fps)'.

Add a few natural synonym trigger terms such as 'text reveal', 'typography animation', or 'title card video' so users phrasing the request differently still match.

Move the aesthetic descriptors after the what/when core so the description leads with capability rather than style.

DimensionReasoningScore

Specificity

The description names the domain (HyperFrames motion video) and concrete visual specifics ('single word reveals letter by letter, warm-gold hairline, breathing indicators'), but lists no concrete actions beyond an implied 'build' — it describes the artifact's look rather than what the skill does. This matches the anchor 'Names domain and 1-2 concrete actions, but not comprehensive' better than score 4, which requires several specific actions.

3 / 5

Completeness

Both parts are present: an explicit trigger clause ('Use this plugin when the user wants a "Build Minimal Frame" HyperFrames motion video') and a 'what' conveyed through the aesthetic descriptors. It is not a 5 because the 'what' is indirect — the description characterizes the output's look rather than stating what the skill does (e.g., renders an HTML/CSS/GSAP composition to MP4).

4 / 5

Trigger Term Quality

Natural trigger phrases are present — a user wanting this would say 'Build Minimal Frame', 'HyperFrames motion video', or 'minimal whitespace hero' — giving good keyword coverage. It falls short of score 5 because common variations like 'text reveal animation', 'typography video', or 'title card video' are missing.

4 / 5

Distinctiveness Conflict Risk

The description occupies a clear niche — a named template ('Build Minimal Frame') on a specific surface (HyperFrames) — so triggers are distinct and conflict risk with other skills is minimal.

5 / 5

Total

16

/

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.