hyperframes

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

13|17|Updated Jan 30, 2025
One-click install
npx skills add https://github.com/CodeWithSally/CodeWithSally-Apex-English --skill hyperframes-codewithsally
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: hyperframes
Source: https://github.com/CodeWithSally/CodeWithSally-Apex-English/tree/main/Sessions/ClaudeCode/Session007/.agents/skills/hyperframes
Command: npx skills add https://github.com/CodeWithSally/CodeWithSally-Apex-English --skill hyperframes-codewithsally

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Turning a vague request like "make me a video" into a finished, rendered video requires choosing the right production workflow, gathering the right inputs, and coordinating many moving parts. This Skill acts as the mandatory entry point for HyperFrames, a framework that renders video from HTML compositions, and routes every video, animation, or motion-graphic request to the correct workflow. ## Core Features & Use Cases - Intent capture and routing: Runs a structured interview (memory, recipes, pitch round, must-haves) and writes a BRIEF.md, then routes to one of ten workflows such as product-launch-video, faceless-explainer, music-to-video, pr-to-video, slideshow, or motion-graphics. - Project state resumption: Detects existing BRIEF.md, hyperframes.json, or STORYBOARD.md files to resume projects, and handles targeted operations like inspect, validate, preview, render, publish, or batch-render without re-running intake. - Domain skill orchestration: Loads on-demand domain skills for composition structure, animation, keyframes, audio, media, CLI rendering, Figma import, and registry blocks, and keeps the project's pinned CLI version current. - Use Case: A user says "turn this GitHub PR into a changelog video." The Skill routes to the pr-to-video workflow, sizes the video length from the diff, installs the workflow via npx hyperframes skills update, and hands off a confirmed brief for 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 the request through the right 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?

Provide the site URL and the request routes to the product-launch-video workflow, which captures screenshots and brand tokens via headless Chrome, then builds a 30-90 second promo or site tour. The intent interview confirms angle, length, and destination aspect ratio before the build starts.

How do I turn a GitHub pull request into a video?

Give a PR URL or owner/repo#N reference and the pr-to-video workflow reads the diff through the gh CLI to produce a changelog, feature reveal, or walkthrough video. Recommended length scales with change size, from about 20-40 seconds for trivial diffs up to a 3-minute cap for large ones.

Can HyperFrames add captions to existing footage?

Yes, the embedded-captions route adds a styled caption layer to existing talking-head footage without altering the clip itself. For designed overlays like lower-thirds and data callouts synced to the transcript, the talking-head-recut route handles that instead.

Does HyperFrames support migrating Remotion projects?

Yes, an explicit request to port or convert 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 through a migration evaluation harness.

What inputs can HyperFrames accept for video creation?

Accepted inputs include website URLs, GitHub PR references, Figma designs or URLs, text briefs or articles, music tracks, and existing video footage. Figma inputs are processed through the figma skill for asset extraction and brand tokens, while music tracks drive beat-synced videos via deterministic beat-grid analysis.

What are the length limits for HyperFrames videos?

Specialized narrative workflows support up to about 3 minutes and perform best around 30-90 seconds. Longer pieces, static title cards, and freeform compositions route to the general-video workflow, which has no fixed length cap.