skills.rest
celeroncoder
celeroncoderCOMMUNITY
Explore all skills by this author →
Website𝕏@celeroncoderGitHub

hyperframes

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

Updated Sep 11, 2026
Search Tags:#rendering#captions#motion graphics#video generation#remotion#workflow routing#html composition
One-click install
npx skills add https://github.com/celeroncoder/skills --skill hyperframes-celeroncoder
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: hyperframes
Source: https://github.com/celeroncoder/skills/tree/main/hyperframes
Command: npx skills add https://github.com/celeroncoder/skills --skill hyperframes-celeroncoder

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 pipeline, gathering the right inputs, and coordinating many moving parts. This Skill acts as the mandatory entry point for any video, animation, or motion-graphic request, inspecting project state, capturing intent through a structured interview, and routing 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 (validate, preview, render, publish), or a Remotion port, and resumes from BRIEF.md, hyperframes.json, or STORYBOARD.md when they exist. - Intent interview and pitch round: Converts unformed requests into a confirmed BRIEF.md through memory lookups, recipe adoption, five-concept pitch sampling, must-have questions, and run-shape choices (storyboard, automation vs companion). - Workflow and domain skill orchestration: Routes to ten workflows (product-launch-video, faceless-explainer, pr-to-video, music-to-video, motion-graphics, slideshow, embedded-captions, talking-head-recut, remotion-to-hyperframes, general-video) and lazy-installs them plus domain skills via npx hyperframes skills update. - Use Case: A user says "turn this GitHub PR into a changelog video." The Skill routes to /pr-to-video, reads the route contract, asks the must-have questions with a length recommendation derived from the PR's diff size, writes BRIEF.md, installs the workflow, and hands off execution. ## Quick Start Ask the agent to create a video from your website URL, GitHub PR, music track, or existing footage and it will route, interview, and build it with HyperFrames.

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 a website URL request to the product-launch-video workflow, which captures the site's screenshots, brand tokens, and assets with a headless-Chrome crawl. The intent interview confirms angle, length, and destination before the workflow builds and renders the promo.

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

Provide a PR URL or owner/repo#N reference and the request routes to the pr-to-video workflow. Recommended length comes from the PR's change size read via gh pr view, ranging from about 20 seconds for trivial diffs up to a 3-minute cap for large ones.

Can HyperFrames add captions to existing footage?▼

Yes, existing talking-head footage routes to the embedded-captions workflow, which leaves the footage untouched and adds a styled caption layer. If you want designed graphic overlays like lower-thirds or data callouts instead, it routes to talking-head-recut.

Does HyperFrames support porting Remotion projects?▼

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.

What is BRIEF.md in a HyperFrames project?▼

BRIEF.md is the routing artifact written by the intent interview, containing frontmatter keys like workflow, flow, storyboard, message, destination, and aspect. Every later question about route requirements is answered from this file, and workflows read it as their confirmed brief.

When should I use general-video instead of a specialized workflow?▼

Use general-video for custom requests no specialized route covers, such as static title cards, longer brand reels, multi-scene montages, or footage remixes. It also hosts every companion-mode run where you build the video together with the full capability toolbox.

Related Skills

Explore More Design & Creative Skills→
noemdbnoemdb
1

hyperframes

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

Community
Advanced
polyuiislabpolyuiislab
1.2k

brand-guidelines

Apply Anthropic brand colors, typography, and asset rules to artifacts.

Community
Basic
hugotownhugotown

remotion-to-hyperframes

Translate Remotion React video compositions into HyperFrames HTML and GSAP compositions.

Community
Advanced
Codecaine-AICodecaine-AI
1

design-taste-frontend

Develop UI/UX designs with configurable variance, motion, and density metrics.

Official
Advanced