CtrlK
BlogDocsLog inGet started
Tessl Logo

video-template-frame-electric-studio

Use this plugin when the user wants a "Electric Studio Frame" HyperFrames motion video — Two-panel split with quote as hero — white/blue panels open from center, accent bar grows, quote reveals line by line.

60

Quality

71%

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-electric-studio/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 concise, well-organized body for a simple single-purpose skill: clean sectioning, a clear step sequence, and no padding. The main gaps are executable detail (no render command) and a bundle inconsistency — the workflow's central reference, `source/index.html`, does not exist in the provided skill directory.

Suggestions

Add the concrete render command (or invocation snippet) for the html-video/HyperFrames renderer to step 4, plus the key layer/timeline names in step 1, so the workflow is executable without guessing.

Fix the bundle: the body instructs reading `source/index.html` but no `source/` directory ships with the skill — either include it or correct the path.

Drop the verbatim repeat of the frontmatter description at the top of the body (line 16); the "What this template is" section already covers it.

DimensionReasoningScore

Conciseness

The body is lean and assumes competence: no explanation of what HTML, CSS, GSAP, or rendering are; every section ("What this template is", "Workflow", "Attribution") earns its place. The only redundancy is line 16 repeating the frontmatter description verbatim, which is a summary restatement rather than padding — this matches anchor 5 ("lean and efficient; every token earns its place") better than anchor 4's "minor instances of over-explanation".

5 / 5

Actionability

Some concrete guidance exists — a specific path ("Read `source/index.html`"), a concrete edit task ("Replace the sample copy (headlines, figures, labels)"), and a real constraint ("do not introduce external network assets") — but key executable details are missing: no render command or invocation for step 4 ("Render to MP4 via the html-video / HyperFrames renderer" names the tool but not how to run it), no example of the layer names or timeline the workflow leans on, and no example of the copy-replacement format. This matches anchor 3 ("some concrete guidance but incomplete ... missing key details") better than anchor 4.

3 / 5

Workflow Clarity

The four steps are a clear, correctly-ordered sequence (read → replace copy → keep self-contained → render), matching anchor 4 ("clear sequence with most checkpoints present; minor validation gaps"). Not a 5: there is no verification of the output (e.g. checking the rendered MP4 duration/aspect ratio) and no error-recovery guidance if the render fails. Not a 3: this is a non-destructive, single-purpose template render, so the validation cap does not apply, and the sequence has no gaps.

4 / 5

Progressive Disclosure

The body is well-organized into clear sections ("What this template is", "Workflow", "Attribution") with a single, clearly-signaled reference ("Read `source/index.html`"), keeping detail out of SKILL.md — matching anchor 4 ("good structure; most content is appropriately placed; references mostly clear; minor organization gaps"). Not a 5: the one referenced path could not be verified — no `source/` (or references/scripts/assets) directory exists in the skill bundle, so the reference's target is unverifiable; not a 3 because the body itself is short, well-sectioned, and nothing that belongs in a separate file is inlined.

4 / 5

Total

16

/

20

Passed

Description

67%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.

The description is concrete and visual, with an explicit "Use when" trigger and a clearly named niche. Its weaknesses are the narrow trigger vocabulary (only the exact template name and product jargon) and the absence of action verbs describing what the skill actually does (build/render), leaving it mostly but not fully strong.

Suggestions

State the skill's actions, not just the visual result — e.g. "Builds and renders a two-panel quote-reveal motion video ... to MP4/WEBM at 16:9 and 1:1" — so the "what" covers capability, not only appearance.

Broaden trigger terms with natural user phrasings: "testimonial video", "pull-quote reveal", "quote animation", or "motion video" rather than relying solely on the exact template name and "HyperFrames" jargon.

Include the output formats (MP4/WEBM) in the description to give users a second, natural way to discover this skill when asking for a rendered video.

DimensionReasoningScore

Specificity

The description gives several concrete specifics — "Two-panel split with quote as hero", "white/blue panels open from center, "accent bar grows", "quote reveals line by line" — naming the domain ("HyperFrames motion video") plus the concrete output composition. Not a 5: it describes the visual result but never states the actions the skill performs (build/generate the composition, render to MP4/WEBM), and coverage of capabilities is incomplete. Not a 3: there are more than 1-2 concrete specifics and the language is precise rather than generic.

4 / 5

Completeness

Both parts are present: the "what" ("Two-panel split with quote as hero — white/blue panels open from center, accent bar grows, quote reveals line by line") and an explicit "when" ("Use this plugin when the user wants a \"Electric Studio Frame\" HyperFrames motion video"). Not a 5: the trigger is a single narrow phrase — it only fires if the user names this exact template, with no concrete trigger variations. Not a 3: the "when" clause is explicit, not merely implied.

4 / 5

Trigger Term Quality

Relevant keywords exist — "Electric Studio Frame", "HyperFrames motion video", "quote" — but coverage is narrow: natural variations users would say ("testimonial video", "pull-quote", "quote reveal", "motion graphics video", file extensions/format terms like "MP4") are absent, and "HyperFrames" is product jargon a user may not naturally say. Anchor 3 ("some relevant keywords but missing common variations or synonyms") is the closest fit; it clearly exceeds the generic-keyword level of 2 but not the good-coverage level of 4.

3 / 5

Distinctiveness Conflict Risk

The named-template trigger ("Electric Studio Frame") carves a clear niche with distinct triggers, so it won't fire for unrelated skills. Not a 5: the description sits in a family of similar HyperFrames video templates (the body references "templates/frame-electric-studio" siblings), so a generic ask like "a quote video" could overlap with closely related sibling templates; minor overlap risk with closely related skills matches anchor 4.

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.