hyperframes

Routes video and animation requests into HyperFrames HTML composition workflows.

1|Updated Aug 17, 2026
One-click install
npx skills add https://github.com/Marshal-Nguyen/Skill_Claude_Agent --skill hyperframes-marshal-nguyen
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: hyperframes
Source: https://github.com/Marshal-Nguyen/Skill_Claude_Agent/tree/main/claude/skills/hyperframes
Command: npx skills add https://github.com/Marshal-Nguyen/Skill_Claude_Agent --skill hyperframes-marshal-nguyen

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Creating videos, animations, and motion graphics requires choosing the right production workflow for each request type, and this Skill acts as the mandatory entry point that inspects project state, captures intent, and routes every video request to the correct HyperFrames workflow. ## Core Features & Use Cases - State-aware routing: Resumes existing projects from BRIEF.md, hyperframes.json, or STORYBOARD.md, and routes fresh requests to one of ten workflows such as product-launch-video, faceless-explainer, music-to-video, or motion-graphics. - Intent interview layer: Runs memory checks, recipe matching, pitch rounds, and must-have questions, then writes a durable BRIEF.md that the executing workflow reads. - Domain skill orchestration: Loads domain skills on demand for composition structure, animation, keyframes, media use, CLI rendering, Figma import, and registry blocks. - Use Case: A user asks to turn a website URL into a 60-second promo; the Skill runs the intent interview, routes to product-launch-video, installs the workflow via the HyperFrames CLI, and hands off a confirmed brief. ## Quick Start Ask the assistant to create a 60-second promo video from your website URL and let it route the request through the HyperFrames workflow.

Frequently Asked Questions about hyperframes

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

FAQPage Schema
How do I create a video from a website URL with HyperFrames?▼

HyperFrames routes website-based requests to the product-launch-video workflow, which captures the site's screenshots and brand tokens via the CLI, then builds a promo or site tour. The intent interview confirms angle, length, and destination before writing BRIEF.md.

How does HyperFrames decide which video workflow to use?▼

It applies a priority routing table matching the requested deliverable: decks go to slideshow, captioned footage to embedded-captions, music-driven pieces to music-to-video, PR explanations to pr-to-video, and unmatched requests to general-video. Each route has a contract file checked before confirming.

Can HyperFrames port an existing Remotion project?▼

Yes, an explicit request to port, convert, or migrate Remotion source routes directly to the remotion-to-hyperframes workflow, skipping the intent interview. The output is a HyperFrames HTML composition compared against the Remotion render through a migration evaluation harness.

Does HyperFrames support Figma designs as input?▼

Yes, a figma.com input triggers the figma skill to extract assets, brand tokens, components, and storyboard frames before routing. Figma input changes how assets enter the project, not which workflow owns the deliverable.

What happens when resuming an existing HyperFrames project?▼

If BRIEF.md exists, the recorded workflow executes directly without new questions; with only hyperframes.json or STORYBOARD.md, the workflow is inferred from project artifacts. The Skill also probes the pinned CLI version and upgrades it before render-affecting commands.

What are the length limits for HyperFrames videos?▼

Specialized narrative workflows support up to about 3 minutes and perform best around 30-90 seconds. Clearly longer pieces route to general-video, though length never overrides explicit port, deck, caption, overlay, or music-driven deliverables.