skills.rest
noemdb
noemdbCOMMUNITY
Explore all skills by this author →
GitHub

hyperframes

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

1|Updated Jan 10, 2024
Search Tags:#motion graphics#video generation#remotion#video rendering#workflow routing#html composition#intent interview
One-click install
npx skills add https://github.com/noemdb/cfla --skill hyperframes-noemdb
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: hyperframes
Source: https://github.com/noemdb/cfla/tree/main/.agents/skills/hyperframes
Command: npx skills add https://github.com/noemdb/cfla --skill hyperframes-noemdb

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 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 (validate, preview, render, publish), or a Remotion port, and resumes from BRIEF.md or project files 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, and run-shape questions (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 the HyperFrames CLI. - Use Case: A user says "turn this GitHub PR into a changelog video." The Skill routes to pr-to-video, reads the PR size with gh to recommend a length, confirms angle and audience, writes BRIEF.md, installs the workflow, and hands off execution. ## Quick Start Ask the assistant to create a video from your website URL, GitHub PR, music track, or footage, and it will route the request to 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?▼

Provide the site URL and the request routes to the product-launch-video workflow, which captures screenshots and brand tokens with a headless-Chrome crawl. You confirm angle, length, and destination aspect ratio, then the workflow builds and renders the promo.

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 route reads it through the gh CLI. Recommended length comes from the change size, and the output is a changelog, feature reveal, or walkthrough with diff and before/after scenes.

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

Yes, the embedded-captions route adds a styled caption layer to existing footage without altering the clip itself. The workflow probes the clip first, then shortlists two or three caption identities for you to pick.

Does HyperFrames support porting Remotion projects?▼

Yes, an explicit request to port 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 and when is it created?▼

BRIEF.md is the confirmed brief written after the intent interview, recording the workflow, flow, storyboard choice, message, and other confirmed fields. It is the only routing artifact workflows read, and existing projects resume from it without re-asking questions.

What are the length limits for generated videos?▼

Specialized narrative workflows support up to about three minutes and perform best around 30 to 90 seconds. Longer pieces route to general-video, while motion-graphics handles short unnarrated units typically under ten seconds.

Related Skills

Explore More Design & Creative Skills→
ahandselahandsel
1

link-polisher

Rewrite raw Figma and GitHub URLs in Markdown files into descriptive links.

Community
Intermediate
y-ymmty-ymmt

youtube-uploader

Upload Manim-generated MP4 videos to YouTube with configurable metadata.

Community
Intermediate
christopheryeochristopheryeo

sentient-brand-guidelines

Apply Sentient.io brand guidelines for logos, colors, typography, and layouts.

Community
Basic
multiplex-aimultiplex-ai
2

remotion-video

Author videos as React components and render them with Remotion.

Official
Advanced