hyperframes

Routes video creation requests to workflows that render videos from HTML compositions.

Updated Sep 6, 2026
One-click install
npx skills add https://github.com/AbuBakar125-co/Resturant_web --skill hyperframes-abubakar125-co
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: hyperframes
Source: https://github.com/AbuBakar125-co/Resturant_web/tree/main/agent/skills/hyperframes
Command: npx skills add https://github.com/AbuBakar125-co/Resturant_web --skill hyperframes-abubakar125-co

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 processes. This Skill acts as the mandatory entry point that inspects project state, captures intent through a structured interview, and routes each request to the correct HyperFrames workflow. ## Core Features & Use Cases - State-aware routing: Detects whether a request is a fresh creation, an edit, a project operation (inspect, validate, render, publish), or a Remotion port, and resumes from BRIEF.md or existing project files without re-asking questions. - Intent interview and pitch round: Runs an eight-step conversation covering memory, triage, routing, concept pitches, must-haves, and run-shape, ending in a durable BRIEF.md brief. - Workflow and domain skill orchestration: Installs lazy workflow skills via the HyperFrames CLI and loads domain skills (animation, keyframes, audio, media, Figma, registry) on demand. - Use Case: A user says "turn this website into a 60-second promo." The Skill routes to the product-launch-video workflow, asks the must-have questions, writes BRIEF.md, installs the workflow, and hands off execution. ## Quick Start Ask the assistant to create a video from your website URL, music track, GitHub PR, or existing footage and it will route and build the HyperFrames composition.

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, then builds a promo or site tour. Fresh requests go through a short intent interview that produces a BRIEF.md before the workflow executes.

How does HyperFrames choose which video workflow to use?

It matches the requested deliverable against a priority routing table: Remotion ports, slideshows, captions, overlays, music videos, motion graphics, PR videos, product promos, explainers, then general video. Each route has a contract file that validates the match before execution.

Can HyperFrames add captions to existing talking-head footage?

Yes, the embedded-captions route adds a styled caption layer to existing footage without modifying the underlying clip. For designed graphic overlays like lower-thirds and data callouts, it routes to the talking-head-recut workflow instead.

Does HyperFrames support converting Remotion projects?

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

What is BRIEF.md in a HyperFrames project?

BRIEF.md is the durable artifact written by the intent interview, containing the workflow, flow mode, storyboard choice, message, destination, and other confirmed fields. Workflows read it as the single source of routing truth, so questions are never asked twice.

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 the general-video workflow, which has no fixed length cap.