Agent skill · design visual · nexu-io
video-template-frame-bold-poster
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.
Why this skill is useful
Provides a specific motion video template with detailed HTML, CSS, and GSAP composition instructions that the AI wouldn't generate on its own.
What it needs
About 1k tokens when loaded. Last updated 2026-08-07. 84,236 stars on the source repository.
What this skill does
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 1. Read source/index.html to understand the named layers and the animation timeline. 2. Replace the sample copy (headlines, figures, labels) with the user's real content; keep the motion timing and visual signature intact. 3. Keep the composition self-contained under source/; do not introduce external network assets that would break a headless render. 4. Render to MP4 via the html-video / HyperFrames renderer. Attribution Source: html-video templates/frame-bold-poster (license Apache-2.0). Derived from frontend-slides (Zara Zhang, MIT) — https://github.com/zarazhangrui/frontend-slides.
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills nexu-io/frame-bold-poster