Use this plugin when the user wants a "Bold Poster Frame" HyperFrames motion video — A 1970s European editorial poster in motion — a red rule draws across, a giant tilted figure drops in, a three-line headline rises line-by-line, an italic serif standfirst fades.
SkillScore78Maintained
Automatic
◆Frontend / UI pack
Last verified 8/28/2026
What it changes
Passed 16 of 20 test cases with the skill, and 11 of 20 without it.
Without skill57%
With skill78%
Checks it passed that the model alone missed
Identifies HyperFrames as the rendering tool
Specifies 15 seconds as the default animation duration
Specifies 60 frames per second as the target frame rate
and 6 more in the full report
6 fixed12 passed either way4 still failing1 broke
Pass-rate lift
+22 pp
Tokens
-12%
Agent turns
0%
Response time
-31%
Model gemini-3.6-flashMeasured 8/28/2026v118 of 23 cases passed with skill · 20 comparable
Tokens, turns and time describe resource use, not a dollar price.
See it in action
One of 6 test cases the skill fixed. Same model, same prompt, with and without the skill.
1 of 6
Prompt
What default duration and frame rate parameters should we set when configuring deterministic MP4 rendering for this motion poster template?
What was checked, without and with the skill
Checked
Without skill
With skill
Specifies 15 seconds as the default animation duration
Missed
Passed
Specifies 60 frames per second as the target frame rate
Missed
Passed
case-06 · 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.md20 linessingle file
Bold Poster Frame
A 1970s European editorial poster in motion — a red rule draws across, a giant tilted figure drops in, a three-line headline rises line-by-line, an italic serif standfirst fades.
What this template is
A HyperFrames-ready HTML + CSS + GSAP motion composition, bundled under source/. It renders deterministically to MP4 / WEBM at 16:9, 9:16, 1:1, default 15s, 60fps.
Best for: Brand manifesto / vision statement · Editorial or cultural pitch opener · A few words that should feel like a magazine cover
Workflow
Read source/index.html to understand the named layers and the animation timeline.
Replace the sample copy (headlines, figures, labels) with the user's real content; keep the motion timing and visual signature intact.
Keep the composition self-contained under source/; do not introduce external network assets that would break a headless render.
Render to MP4 via the html-video / HyperFrames renderer.