Agent skill · design visual · nexu-io
video-template-frame-product-promo-30s
Use this plugin when the user wants a "Product Promo · 30s" HyperFrames motion video — Multi-scene 30-second product promo: problem-type intro, brand reveal, benefits flowchart, product surfaces, value pillars, foundation, CTA outro. Forked from Nate Herk's hyperframes-student-kit (linear-promo-30s); brand-specific copy + assets replaced with generic placeholders.
Why this skill is useful
Provides a structured template for creating a specific type of promotional video, including detailed workflow and rendering instructions that the AI wouldn't generate on its own.
What it needs
Requires gsap installed locally. About 1k tokens when loaded. Last updated 2026-08-07. 84,236 stars on the source repository.
What this skill does
Product Promo · 30s Multi-scene 30-second product promo: problem-type intro, brand reveal, benefits flowchart, product surfaces, value pillars, foundation, CTA outro. Forked from Nate Herk's hyperframes-student-kit (linear-promo-30s); brand-specific copy + assets replaced with generic placeholders. 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 30s, 30fps. Best for: 30-second product promo · B2B SaaS launch · Multi-feature reel with sound 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-product-promo-30s (license MIT). Forked from Nate Herk — https://github.com/nateherkai/hyperframes-student-kit/tree/main/video-projects/linear-promo-30s.
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills nexu-io/frame-product-promo-30s