skills.rest
X-manist
X-manistCOMMUNITY
Explore all skills by this author →
GitHub

hyperframes

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

Updated Jul 16, 2026
Search Tags:#rendering#animation#motion graphics#video generation#intent routing#hyperframes#html composition
One-click install
npx skills add https://github.com/X-manist/Cohmira --skill hyperframes-x-manist
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: hyperframes
Source: https://github.com/X-manist/Cohmira/tree/main/src/builtin-plugins/openmontage/.agents/skills/hyperframes
Command: npx skills add https://github.com/X-manist/Cohmira --skill hyperframes-x-manist

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? When you ask an AI agent to make a video, it often guesses a workflow or picks the wrong tool. This Skill acts as the entry point for HyperFrames, which renders video from HTML compositions, and routes every video, animation, or motion-graphic request to the correct specialized workflow instead of improvising. ## Core Features & Use Cases - Intent Routing: Maps requests like product promos, website tours, explainers, PR videos, captions, motion graphics, music videos, and slideshows to the right dedicated workflow skill. - Capability Map: Points to on-demand domain skills for composition authoring, animation, creative direction, media, CLI operations, and registry components. - Skill Freshness Management: Checks and updates installed HyperFrames skills via the CLI so workflows stay current. - Use Case: You say "turn my product's landing page into a 60-second promo" — the Skill identifies the input as a product URL and routes you to the product-launch-video workflow, which crawls the site and renders an MP4. ## Quick Start Ask the agent to make a video from your product URL, website, script, music track, or existing 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 make a video from a website URL with HyperFrames?▼

Provide the URL and state your goal. If it markets a product, the request routes to the product-launch-video workflow; a general site goes to website-to-video. Both capture the site with headless Chrome and render an MP4 from an HTML composition.

What is HyperFrames and how does it render video?▼

HyperFrames renders video from HTML. A composition is an HTML file whose DOM declares timing with data-* attributes, with a seekable animation runtime and framework-owned media playback, rendered to MP4 via the HyperFrames CLI.

How do I add captions to an existing talking-head video?▼

Requests to caption existing footage route to the embedded-captions workflow. It transcribes the video locally with Whisper and adds a caption layer while leaving the original footage untouched, in Standard or Cinematic styles.

Can I migrate a Remotion composition to HyperFrames?▼

Yes, the remotion-to-hyperframes workflow handles one-way migration when you explicitly ask to port or convert a Remotion React composition. It translates the source into a HyperFrames HTML composition graded against the Remotion render.

What happens if the matched video workflow skill is not installed?▼

The router does not guess a fallback. It instructs you to install the missing workflow with npx skills add heygen-com/hyperframes --skill <workflow-name>, or install all workflows at once with the --all flag.

When should I use motion graphics versus a full video workflow?▼

Short unnarrated pieces under about 10 seconds where the motion itself is the message, such as logo stings or kinetic typography, route to motion-graphics. Longer narrated or multi-scene pieces route to the input-matched workflow or general-video.

Related Skills

Explore More Design & Creative Skills→
noemdbnoemdb
1

hyperframes

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

Community
Advanced
soq123soq123

podcast-marketing

Extract podcast content into marketing atoms and score them for novelty, controversy, and utility.

Community
Advanced
chmonitorchmonitor
255

media-use

Resolve media asset requests into cached local file paths with metadata tracking.

Official
Advanced
delorenjdelorenj

remotion

Create programmatic videos with React components and frame-based animations.

Community
Advanced