CtrlK
BlogDocsLog inGet started
Tessl Logo

video-template-frame-product-promo

Use this plugin when the user wants a "Product Promo" HyperFrames motion video — Multi-scene product showcase with SVG assets

61

Quality

72%

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-product-promo/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

75%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 genuinely lean, well-structured template skill with a clear sequenced workflow and sensible constraints. Its weakness is actionability: the critical render step and the location of editable copy remain underspecified, with no executable commands and no verification checkpoint on the render output.

Suggestions

Make the render step executable: include the actual html-video / HyperFrames render command (with output path and format/fps flags) instead of the directional 'Render to MP4 via the html-video / HyperFrames renderer'.

Point to where the sample copy lives — e.g., the named layers/selectors in `source/index.html` holding headlines, figures, and labels — so step 2 can be executed without exploring the file blind.

Add a light verification checkpoint after rendering (e.g., confirm the output is 20s / 30fps / 16:9 and scenes play in order) to close the workflow's validation gap.

DimensionReasoningScore

Conciseness

The ~30-line body is lean: it states what the template is ("HTML + CSS + GSAP motion composition, bundled under `source/`", "MP4 / WEBM at 16:9, default 20s, 30fps"), a 4-step workflow, and attribution — no explanations of concepts Claude already knows and no padding. Every section earns its place, so it clearly matches the 'lean and efficient' anchor rather than score 4's 'minor instances of over-explanation'.

5 / 5

Actionability

Guidance is directionally concrete — named files ("Read `source/index.html`"), a specific edit rule ("Replace the sample copy (headlines, figures, labels)... keep the motion timing and visual signature intact") — but no executable commands are given: the render step is only "Render to MP4 via the html-video / HyperFrames renderer" with no command, script, or flag, and there is no pointer to where in index.html the sample copy lives. This matches 'some concrete guidance but incomplete; missing key details', below score 4's 'concrete code or commands with minor gaps'.

3 / 5

Workflow Clarity

The four steps are clearly sequenced (read → replace copy → keep self-contained → render) with a concrete preservation rule at step 2 and a constraint at step 3. It is below score 5 because there is no validation or verification checkpoint (e.g., confirming the render output duration/fps or spot-checking scenes), and above score 3 because the sequence is well-defined and each step is specific rather than merely listed.

4 / 5

Progressive Disclosure

The body is short and well organized into 'What this template is', 'Workflow', and 'Attribution', pointing to `source/index.html` as the one level of depth for detail — good structure for a compact skill. It is below score 5 because the referenced bundle path (`source/`) is not present alongside the SKILL.md, so the reference cannot be verified and no navigation over the bundle's files (e.g., what else lives under `source/`) is provided.

4 / 5

Total

16

/

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 compact, third-person description with an explicit 'Use when' trigger and a clear niche. Its main weaknesses are the absence of concrete capability/action language and a trigger clause that leans on the skill's own name rather than diverse natural user phrasings.

Suggestions

Add 1-2 concrete action verbs describing what the skill does with the template (e.g., 'Customizes and renders a multi-scene product promo video from the bundled HTML/CSS/GSAP composition') to raise specificity.

Broaden the 'when' clause with natural synonyms users would say, such as 'promo video', 'product video', or 'marketing/commercial video', rather than triggering only on the literal template name "Product Promo".

DimensionReasoningScore

Specificity

The description names the domain concretely ("Multi-scene product showcase with SVG assets", "HyperFrames motion video") and characterizes the deliverable, but lists no concrete action verbs (create, render, customize) — comparable to 'names domain and 1-2 concrete actions, not comprehensive'. It is above score 2 because the artifact type and medium are specified rather than merely generic, and below score 4 because no specific actions or capabilities are enumerated.

3 / 5

Completeness

Both parts are present: 'what' via "Multi-scene product showcase with SVG assets" and an explicit 'when' via "Use this plugin when the user wants a 'Product Promo' HyperFrames motion video". It is not score 5 because the 'when' clause is circular (it triggers on the skill's own name rather than concrete user phrasings) and the 'what' omits what the skill actually does with the template (produce/customize/render the video).

4 / 5

Trigger Term Quality

Natural terms users would say are present: "Product Promo", "product showcase", "motion video", and the platform name "HyperFrames". It falls short of score 5 because common synonyms and phrasings are missing (e.g., 'promo video', 'product video', 'commercial', 'marketing video', 'reel'), and above score 3 because several genuinely natural trigger phrases are included rather than only jargon.

4 / 5

Distinctiveness Conflict Risk

The pairing of "Product Promo" with "HyperFrames" gives it a clear niche with low conflict risk against unrelated skills. It is below score 5 because within the HyperFrames family, a generic request like 'make a promo video' could match sibling templates, and 'product showcase' is a moderately common phrase; it is above score 3 because the platform qualifier keeps it well distinguished from generic video 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
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.