CtrlK
BlogDocsLog inGet started
Tessl Logo

video-template-frame-swiss-grid

Use this plugin when the user wants a "Swiss Grid" HyperFrames motion video — Structured grid layout

54

Quality

61%

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-swiss-grid/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

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

The body is exceptionally lean and well-sectioned, but its guidance stops short of executable: the render step names no command, there are no verification checkpoints, and the `source/` bundle it instructs Claude to read is absent from the skill directory. It reads as a template card rather than operational instructions.

Suggestions

Add the concrete render command (or renderer invocation) for step 4, e.g. the exact html-video / HyperFrames CLI call with output flags, so the workflow is executable rather than directional.

Include a verification checkpoint after rendering (confirm output file exists / spot-check duration and resolution) to close the workflow's validation gap.

Ship the `source/` bundle (at minimum `source/index.html`) or correct the reference — the workflow's first step points to a file that is not present in the skill directory.

DimensionReasoningScore

Conciseness

The body is ~35 lean lines: a brief identity statement with concrete render specs ("MP4 / WEBM at 16:9, default 10s, 30fps"), a four-step workflow, and attribution — no explanations of concepts Claude already knows and no padding. Every token earns its place, matching the 'Lean and efficient' anchor; it is not a 4 because there is no over-explanation to trim.

5 / 5

Actionability

Steps 1-2 give concrete, file-level guidance ("Read `source/index.html`", "Replace the sample copy ... keep the motion timing and visual signature intact"), but step 4 ("Render to MP4 via the html-video / HyperFrames renderer") gives no executable command or code — the key execution detail is missing. This matches 'Some concrete guidance but incomplete; missing key details' rather than 4, which requires mostly executable guidance with only minor gaps.

3 / 5

Workflow Clarity

The four steps are clearly sequenced (read → customize → keep self-contained → render) and each step is well defined, but there are no validation or verification checkpoints anywhere — no check that the render succeeded or that the composition is render-safe. This matches 'Steps listed but validation gaps; checkpoints missing or implicit' rather than 4, which requires most checkpoints present.

3 / 5

Progressive Disclosure

Sections are well organized for a short single-purpose skill (identity, best-for, workflow, attribution), but the body's central reference — the bundle "bundled under `source/`" and "Read `source/index.html`" — does not exist in the skill directory (no `source/`, `references/`, `scripts/`, or `assets/` present), so the one reference it relies on is unresolvable. Structure exists but the bundle navigation is effectively broken, matching 'Some structure but could be better organized' rather than 4, where references would be mostly clear and resolvable.

3 / 5

Total

14

/

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.

The description has an explicit, specific trigger clause and a distinctive niche identity, but it fails to state any concrete capabilities — the 'what' is reduced to a style label. Adding one or two concrete actions and natural user-facing synonyms would lift both specificity and completeness.

Suggestions

State 1-2 concrete capabilities in third person (e.g., 'Renders an HTML+CSS+GSAP Swiss Grid motion composition to MP4/WEBM and swaps in the user's copy'), which would raise specificity from naming only the domain to listing explicit actions.

Add natural trigger synonyms users would actually say — e.g., 'grid layout video', 'title card', 'Swiss design', 'minimal typography video' — to improve keyword coverage.

Replace the trailing fragment '— Structured grid layout' with a full capability statement so the 'what' is explicit rather than implied by a style label.

DimensionReasoningScore

Specificity

The description names the domain ("'Swiss Grid' HyperFrames motion video — Structured grid layout") but contains no concrete capability verbs or actions; scoring only what is explicitly stated, it names the domain with minimal/generic action content, matching the anchor 'Names the domain but actions are minimal or generic'. It is not a 3 because even 1-2 explicit actions (e.g., 'renders', 'customizes copy') are absent, and not a 1 because the domain is named specifically rather than being pure abstract language.

2 / 5

Completeness

The 'when' is explicit and specific ("Use this plugin when the user wants a 'Swiss Grid' HyperFrames motion video") but the 'what' is only weakly conveyed by the fragment 'Structured grid layout'. Both are present with one side improvable, matching anchor 4 ('Has both what and when; one could be more explicit'); it is not 5 because the what lacks concrete capability statements, and not 3 because the trigger clause is explicit rather than missing or merely implied.

4 / 5

Trigger Term Quality

Relevant keywords exist ("Swiss Grid", "motion video", "Structured grid layout") but common variations and synonyms a user might naturally say (e.g., 'video template', 'title card', 'Swiss design', 'grid typography') are missing, and 'HyperFrames'/'plugin' are technical jargon. This matches 'Some relevant keywords but missing common variations or synonyms' rather than 4, where only a few natural terms would be missing.

3 / 5

Distinctiveness Conflict Risk

"Swiss Grid" + "HyperFrames motion video" is a clear niche with distinct triggers, but the description sits within an implied family of similar HyperFrames video templates (the body cites `templates/frame-swiss-grid` from a registry), creating minor overlap risk with closely related sibling templates. This matches 'Mostly distinct; minor overlap risk with closely related skills' rather than 5, where conflict risk would be minimal.

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.