CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

hyperframes

Create video compositions, animations, title cards, overlays, captions, voiceovers, audio-reactive visuals, and scene transitions in HyperFrames HTML. Use when asked to build any HTML-based video content, add captions or subtitles synced to audio, generate text-to-speech narration, create audio-reactive animation (beat sync, glow, pulse driven by music), add animated text highlighting (marker sweeps, hand-drawn circles, burst lines, scribble, sketchout), or add transitions between scenes (crossfades, wipes, reveals, shader transitions). Covers composition authoring, timing, media, and the full video production workflow. For CLI commands (init, lint, preview, render, transcribe, tts) see the hyperframes-cli skill.

73

Quality

92%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide
SecuritybySnyk

Low

Low-risk findings worth noting

SKILL.md
Quality
Evals
Security

Quality

Content

85%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 strong, highly actionable body with excellent validation feedback loops and near-zero filler. The main defect is progressive disclosure: four referenced files are absent from the bundle (including house-style.md, which the Visual Identity Gate depends on) and the transitions reference chain nests three levels deep.

Suggestions

Add the missing bundle files (visual-styles.md, house-style.md, patterns.md, data-in-motion.md) or repoint their links to files that actually exist in references/ — house-style.md is required by the Visual Identity Gate and the 'no style specified' fallback, so its absence breaks the gate's step 3/4 flow.

Flatten the transitions chain: inline the routing table from transitions/catalog.md into references/transitions.md, or link the per-type css-*.md files directly from SKILL.md so no path requires three hops.

Tighten conciseness by condensing the 'Why this matters' rationale under Layout Before Animation to one sentence and removing the overlap between the numbered Scene Transition rules and their adjacent WRONG/RIGHT example comments.

DimensionReasoningScore

Conciseness

The body is dense and rule-driven with almost no tutorial filler — tables for data attributes, numbered non-negotiables, and compact code blocks earn their tokens. It sits at anchor 4 rather than 5 because of minor over-explanation that could be trimmed, e.g. the multi-sentence 'Why this matters' rationale under Layout Before Animation and some restatement between the Scene Transitions rules and their WRONG/RIGHT examples.

4 / 5

Actionability

Guidance is copy-paste executable throughout: complete HTML/JS snippets (sub-composition template, video/audio elements, entrance/exit tween blocks), exact commands ('npx hyperframes inspect --json', 'node skills/hyperframes/scripts/animation-map.mjs <composition-dir>'), and precise formulas such as 'repeat: Math.ceil(duration / cycleDuration) - 1'. This matches anchor 5; common cases are covered with specific examples.

5 / 5

Workflow Clarity

The Approach section sequences the work (What → Structure → Timing → Layout → Animate), the Output Checklist enumerates validation gates, and the Quality Checks section provides explicit feedback loops: 'Re-run hyperframes validate until clean' and 'Re-run after fixes'. Anchor 5 (clear sequence, explicit validation, feedback loops, checklists) matches directly.

5 / 5

Progressive Disclosure

The References section is well-signaled (each entry says what it covers and 'Read when...'), but scored against the actual bundle it breaks down: visual-styles.md, house-style.md, patterns.md, and data-in-motion.md are linked in the body and references but do not exist in the bundle (house-style.md is load-bearing — the HARD-GATE and animation defaults depend on it), and the transitions chain nests three levels deep (SKILL.md → references/transitions.md → transitions/catalog.md → per-type css files). Broken navigation plus 2+-level nesting places this between anchors 3 and 4, closer to 3 because the missing files cause real navigation failures rather than mere organization gaps.

3 / 5

Total

17

/

20

Passed

Description

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

An exemplary description: concrete capability list, explicit and detailed 'Use when' trigger phrases with synonyms, third-person voice, and an explicit boundary to the companion CLI skill. No padding or over-claims.

DimensionReasoningScore

Specificity

The description lists many concrete capabilities — 'Create video compositions, animations, title cards, overlays, captions, voiceovers, audio-reactive visuals, and scene transitions' — covering the domain comprehensively. Anchor 5 ('multiple specific concrete actions; comprehensive coverage') matches; it is not score 4 because there are no meaningful coverage gaps in the skill's scope.

5 / 5

Completeness

Both 'what' and 'when' are explicit: the opening sentence states what the skill does, and 'Use when asked to build any HTML-based video content, add captions... generate text-to-speech narration... or add transitions between scenes' gives concrete trigger phrases. This matches anchor 5; the 'when' clause is explicit and specific, not merely present as at anchor 4.

5 / 5

Trigger Term Quality

Natural user phrasings are comprehensively covered with synonyms: 'captions or subtitles synced to audio', 'text-to-speech narration', 'beat sync, glow, pulse driven by music', 'marker sweeps, hand-drawn circles, burst lines, scribble, sketchout', 'crossfades, wipes, reveals, shader transitions'. It clearly exceeds anchor 4 ('a few natural terms missing'); synonyms are present throughout.

5 / 5

Distinctiveness Conflict Risk

The niche is clear ('HTML-based video' with a named framework, HyperFrames HTML) and the closing sentence — 'For CLI commands (init, lint, preview, render, transcribe, tts) see the hyperframes-cli skill' — explicitly de-conflicts with the closest related skill. Minimal conflict risk; matches anchor 5.

5 / 5

Total

20

/

20

Passed

Validation

87%

Checks the skill against the spec for correct structure and formatting. All validation checks must pass before discovery and implementation can be scored.

Validation — 14 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

relative_links

Relative link issues: 7 missing, 1 deeper-than-1-level

Warning

referenced_paths_exist

Referenced path issues: 1 deeper-than-1-level

Warning

Total

14

/

16

Passed

Repository

openai/plugins

Path

plugins/hyperframes/skills/hyperframes/SKILL.md

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.