hyperframes

Routes video and animation requests to HyperFrames HTML-composition workflows.

2|1|Updated Jun 9, 2026
One-click install
npx skills add https://github.com/zester4/zilmate --skill hyperframes-zester4
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: hyperframes
Source: https://github.com/zester4/zilmate/tree/main/.agents/skills/hyperframes
Command: npx skills add https://github.com/zester4/zilmate --skill hyperframes-zester4

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? When you ask an agent to make a video, promo, explainer, or motion graphic, it often guesses the wrong workflow. This Skill acts as the entry point for HyperFrames, which renders video from HTML compositions, and routes every video or animation request to the correct specialized workflow before any authoring begins. ## Core Features & Use Cases - Intent Routing: Maps requests like product launches, website tours, faceless explainers, PR changelog videos, captioned clips, 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 (TTS, captions, transcription), and the CLI dev loop. - Version Management: Keeps installed HyperFrames skills current via npx hyperframes skills check and skills update. - Use Case: You say "turn this GitHub PR into a changelog video" — the router identifies /pr-to-video as the match, confirms it is installed, and hands off to that workflow. ## Quick Start Ask the agent to make a video from your product URL, website, script, music track, or existing footage and let it 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 HTML with HyperFrames?

HyperFrames renders video from an HTML composition whose DOM declares timing with data-* attributes. Start with this router skill, which directs your request to a workflow like product-launch-video or general-video that authors and renders the composition to MP4.

Which HyperFrames workflow should I use for my video request?

Match the input: a product URL or brief uses product-launch-video, a general website uses website-to-video, a topic explanation uses faceless-explainer, a GitHub PR uses pr-to-video, and existing footage uses embedded-captions or talking-head-recut. Anything else falls to general-video.

Can HyperFrames add captions to an existing video?

Yes, the embedded-captions workflow transcribes footage locally with Whisper and adds a caption layer without altering the original video. It supports Standard lower-third captions and Cinematic captions composited behind the subject.

What if the matched HyperFrames workflow is not installed?

Install a single workflow with npx skills add heygen-com/hyperframes --skill <workflow-name>, or install everything with --all. After installation, re-read the workflow skill and continue the request.

Can I migrate a Remotion composition to HyperFrames?

Yes, the remotion-to-hyperframes workflow ports an existing Remotion React composition to a HyperFrames HTML composition. It is one-way migration only and triggers only on an explicit port or convert request.