CtrlK
BlogDocsLog inGet started
Tessl Logo

video-template-frame-bold-signal

Use this plugin when the user wants a "Bold Signal Frame" HyperFrames motion video — Bold colored card on a dark gradient — big section number, nav breadcrumb, orange card sliding in, title rising.

70

Quality

86%

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

SKILL.md
Quality
Evals
Security

Quality

Content

86%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 compact, well-structured body that efficiently describes the template and gives a clear four-step workflow. Its main gap is the missing executable render command in the final workflow step.

Suggestions

Add the concrete render command for the html-video/HyperFrames renderer (or a pointer to the exact script) in workflow step 4 so it is copy-paste ready.

Include a brief verification step (e.g., confirm the MP4 was produced and spot-check duration/resolution) at the end of the workflow.

Ensure the referenced source/index.html and the source/ bundle are actually shipped alongside SKILL.md so the workflow steps are executable as written.

DimensionReasoningScore

Conciseness

Lean and efficient; states formats, aspect ratios, and fps without padding and assumes Claude's competence about HTML/CSS/GSAP.

5 / 5

Actionability

Concrete file references ('source/index.html') and specific editing guidance, but the render step ('Render to MP4 via the html-video / HyperFrames renderer') lacks an executable command.

4 / 5

Workflow Clarity

Clear four-step sequence (read, replace, keep self-contained, render) with mostly concrete steps, though no validation/verification checkpoint for the render output.

4 / 5

Progressive Disclosure

Under-50-line skill with well-organized sections (What this template is, Best for, Workflow, Attribution); the simple-skill exception applies and no external reference nesting is needed.

5 / 5

Total

18

/

20

Passed

Description

87%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 concise, well-targeted description that clearly states both the trigger condition and the template's visual signature. The named template gives it strong distinctiveness and a natural trigger phrase.

DimensionReasoningScore

Specificity

Lists several concrete visual elements ('big section number, nav breadcrumb, orange card sliding in, title rising') rather than vague language, with only minor coverage gaps.

4 / 5

Completeness

Explicitly answers both 'what' (the visual composition) and 'when' via the concrete 'Use this plugin when the user wants a...' trigger clause.

5 / 5

Trigger Term Quality

'Bold Signal Frame' HyperFrames motion video' is a natural trigger phrase a user would say, though a few synonyms or platform variations are missing.

4 / 5

Distinctiveness Conflict Risk

Targets a specifically named template ('Bold Signal Frame') with a clear niche and minimal overlap risk with other skills.

5 / 5

Total

18

/

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.

Validation15 / 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.