Use this plugin when the user wants a "NYT-Style Data Chart Frame" HyperFrames motion video — NYT-newsroom typography, staggered reveal animation, and editorial-grade charts (line, bar, or range band).
SkillScore86Maintained
Automatic
◆Frontend / UI pack
Last verified 8/28/2026
What it changes
Passed 19 of 22 test cases with the skill, and 10 of 22 without it.
Without skill45%
With skill86%
Checks it passed that the model alone missed
The output names HyperFrames as the rendering engine.
The output rejects using remote network URLs for fonts.
The output targets rendering via the HyperFrames engine.
and 7 more in the full report
9 fixed10 passed either way3 still failing0 broke
Pass-rate lift
+41 pp
Tokens
-13%
Agent turns
0%
Response time
-30%
Model gemini-3.6-flashMeasured 8/28/2026v119 of 22 cases passed with skill
Tokens, turns and time describe resource use, not a dollar price.
See it in action
One of 9 test cases the skill fixed. Same model, same prompt, with and without the skill.
1 of 9
Prompt
What open-source software license governs the `frame-data-chart-nyt` template distributed under `html-video`?
What was checked, without and with the skill
Checked
Without skill
With skill
The output identifies Apache-2.0 as the license governing the template.
Missed
Passed
case-14 · 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
NYT-Style Data Chart Frame
NYT-newsroom typography, staggered reveal animation, and editorial-grade charts (line, bar, or range band).
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: Editorial data viz · Annual report · Comparison reveal
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.