hyperframes

Routes video creation requests to HyperFrames workflows that render HTML compositions into video.

Updated Jul 22, 2026
One-click install
npx skills add https://github.com/Chau165/local_skill --skill hyperframes-chau165
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: hyperframes
Source: https://github.com/Chau165/local_skill/tree/main/codex/skills/hyperframes
Command: npx skills add https://github.com/Chau165/local_skill --skill hyperframes-chau165

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Turning a vague request like "make me a video" into the right production pipeline is hard: different deliverables (promos, explainers, captioned clips, decks, music videos) need different workflows, inputs, and review gates. This Skill acts as the mandatory entry point for any video, animation, or motion-graphic request, resuming existing project state or running a structured intent interview before routing to the correct HyperFrames workflow. ## Core Features & Use Cases - State-aware routing: Detects existing BRIEF.md, hyperframes.json, or STORYBOARD.md files to resume projects, and routes fresh requests across ten workflows including faceless-explainer, product-launch-video, music-to-video, pr-to-video, slideshow, and talking-head-recut. - Intent interview and pitch round: Captures message, audience, destination, aspect ratio, and run shape, then writes a durable BRIEF.md so downstream workflows never re-ask questions. - World-motion quality gate: Enforces a world-first motion-explainer contract for script-based videos and blocks renders that fail the world-motion audit. - Use Case: A user pastes a blog article and asks for an explainer video. The Skill runs the intent interview, recommends a 60-second 16:9 faceless explainer, writes BRIEF.md, and hands off to the faceless-explainer workflow with design, storyboard, and render gates intact. ## Quick Start Ask the assistant to turn your article, website URL, script, or music track into a video and let it route the request through the HyperFrames entry point.

Frequently Asked Questions about hyperframes

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I turn an article or script into an explainer video?▼

Provide the article, notes, or script and ask for an explainer. The entry point routes it to the faceless-explainer workflow by default, building a world-first motion explainer rather than a slide deck unless you explicitly request a presentation format.

How do I make a promo video from my website URL?▼

Give the site URL and ask for a promo, launch video, or site tour. The request routes to product-launch-video, which captures screenshots and brand tokens from the site with a headless-Chrome crawl and builds a 30-90 second showcase.

Can HyperFrames add captions to existing talking-head footage?▼

Yes. Requests to caption existing footage route to embedded-captions, which leaves the footage untouched and adds a styled caption layer. Designed overlays like lower-thirds and data callouts route to talking-head-recut instead.

What is BRIEF.md in a HyperFrames project?▼

BRIEF.md is the durable artifact written by the intent interview at the start of a project. It records the workflow, flow mode, storyboard choice, message, destination, and other confirmed fields so no workflow ever re-asks those questions.

When should I use Remotion instead of HyperFrames?▼

HyperFrames is the default output framework unless you explicitly choose another one. If you have existing Remotion source and ask to port it, the request routes to remotion-to-hyperframes, which translates the composition and compares it against the original render.