Mechanism
When It Triggers · How It Works · What It Produces
Breaks down how the skill works and what it produces, so you can quickly judge whether it fits your scenario and value.
Trigger
When a user wants to market, launch, promote, or reveal a product via a URL, script, or brief — including site tours with show-it-as-is intent. Default for any commercial URL.
Working Mechanism
- Orchestrates a 7-step workflow: setup → capture → design system → storyboard/script → audio → visual design → frames → render.
- Uses
npx hyperframesCLI to init, capture, and check auth;nodescripts to build frame design and stage assets. - Delegates frame production to a sub-agent; relies on /media-use and /figma for assets.
Output
A HyperFrames project in videos/<project>/ ending in renders/video.mp4 — a branded launch/promo video with storyboard, script, and timed frames.
Use Cases
Two Typical Use Cases
SaaS startup promo from product URL
A SaaS startup has launched a new feature and wants a promo video for their site. They paste the product URL into the agent, which runs /product-launch-video: it captures the site brand and copy, builds a design system, drafts a storyboard, and renders an MP4. The team gets a polished launch video without hiring an editor, speeding time-to-market.
App launch video from text brief
A marketing lead has a written brief for an app launch but no footage. Using /product-launch-video, the agent converts the brief into a storyboard and script, resolves BGM and logos via /media-use, and assembles a kinetic promo video. This turns a text brief into a shippable asset for the launch campaign in one workflow.
Skill File