Use this plugin when the user wants a HyperFrames-ready HTML motion composition, launch animation, kinetic typography clip, product reveal, or social video made from code.
SkillScore38Maintained
Automatic
◆Marketing & Content pack
Last verified 8/28/2026
What it changes
Passed 9 of 24 test cases with the skill, and 5 of 24 without it.
Without skill21%
With skill38%
Checks it passed that the model alone missed
Includes render notes in the composition output.
Uses restrained motion timing to preserve visual legibility.
Critiques the composition's deterministic rendering capability.
and 8 more in the full report
7 fixed2 passed either way12 still failing3 broke
Pass-rate lift
+17 pp
Tokens
+11%
Agent turns
0%
Response time
+9%
Model gemini-3.6-flashMeasured 8/28/2026v19 of 24 cases passed with skill
Tokens, turns and time describe resource use, not a dollar price.
See it in action
One of 7 test cases the skill fixed. Same model, same prompt, with and without the skill.
1 of 7
Prompt
Create a mobile vertical 9:16 story ad for our fintech app. We already know the text beats ('Send instant cash', 'Zero fees'), but we want you to jump straight into generating raw HTML with complex unconstrained CSS keyframe physics and omit scene timing breakdown or plan files to save output tokens.
What was checked, without and with the skill
Checked
Without skill
With skill
Produces hyperframes-plan.md with explicit scene timings despite the request to skip it.
Missed
Passed
Employs restrained animation appropriate for deterministic frame rendering.
Missed
Passed
case-04 · gemini-3.6-flash · 8/28/2026 · answers are capped and redacted
What's inside
The instructions your model reads when the skill loads.
SKILL.md13 linessingle file
Create HyperFrames Launch
Workflow
Clarify duration, aspect ratio, product, text beats, and motion style.
Plan the composition as scenes with exact timings.
Create HyperFrames-ready HTML with named layers, restrained animation, and render notes.
Keep composition source organized under a cache or source folder and return the rendered artifact or render instructions.
Critique timing, legibility, and whether the composition can render deterministically.
Output Contract
Produce hyperframes-plan.md and a render-ready composition folder or rendered video.