video-template-frame-swiss-grid
Use this plugin when the user wants a "Swiss Grid" HyperFrames motion video — Structured grid layout
56
64%
Does it follow best practices?
Run evals on this skill
Adds up to 20 points to the overall score
View guide
Passed
No findings from the security scan
Fix and improve this skill with Tessl
tessl review fix ./plugins/_official/video-templates/frame-swiss-grid/SKILL.mdSwiss Grid
Structured grid layout
What this template is
A HyperFrames-ready HTML + CSS + GSAP motion composition, bundled under source/. It renders deterministically to MP4 / WEBM at 16:9, default 10s, 30fps.
Best for: Corporate slide · Minimal report card · Typography-led title
Workflow
- Read
source/index.htmlto 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.
Attribution
Source: html-video templates/frame-swiss-grid (license Apache-2.0). Forked from heygen-com / Hyperframes — https://github.com/heygen-com/hyperframes/tree/main/registry/examples/swiss-grid.
- Repository
- nexu-io/open-design
- Commit
f2760fd
- Last updated
- First committed
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.