skills.rest
zamansepeti43
zamansepeti43COMMUNITY
Explore all skills by this author →
GitHub

hyperframes

Routes video creation requests to specialized HyperFrames workflows for HTML-based video rendering.

Updated Sep 1, 2026
Search Tags:#animation#motion graphics#video generation#video rendering#intent routing#hyperframes#html composition
One-click install
npx skills add https://github.com/zamansepeti43/c-rak-agent --skill hyperframes-zamansepeti43
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: hyperframes
Source: https://github.com/zamansepeti43/c-rak-agent/tree/main/video-engine/.agents/skills/hyperframes
Command: npx skills add https://github.com/zamansepeti43/c-rak-agent --skill hyperframes-zamansepeti43

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? When you ask an AI agent to make a video, it often guesses the wrong workflow or 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 guessing. ## Core Features & Use Cases - Intent Routing: Maps any "make me a video" request to one of 11 workflows such as product-launch-video, website-to-video, faceless-explainer, pr-to-video, embedded-captions, talking-head-recut, motion-graphics, music-to-video, slideshow, general-video, or remotion-to-hyperframes. - Capability Map: Points to domain skills for authoring HTML compositions (hyperframes-core), animation (hyperframes-animation), creative direction (hyperframes-creative), media and TTS (hyperframes-media), and the CLI dev loop (hyperframes-cli). - Skill Freshness Management: Uses npx hyperframes skills check and update to keep installed skills current against the latest GitHub release. - Use Case: You say "turn this GitHub PR into a changelog video" and the Skill routes you to pr-to-video, which reads the PR via the gh CLI and produces an MP4 code-change explainer. ## Quick Start Ask the agent to read the hyperframes skill first, then describe the video you want to create, such as making a 60-second promo from your product URL.

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 HTML with HyperFrames?▼

HyperFrames renders video from an HTML composition whose DOM declares timing with data-* attributes and whose animation runtime is seekable. Start with this entry skill, which routes your request to a workflow, and read hyperframes-core before writing composition HTML.

Which HyperFrames workflow should I use for my video?▼

Match the input: a product URL or brief goes to product-launch-video, a general website to website-to-video, a topic to explain to faceless-explainer, a GitHub PR to pr-to-video, and a music track to music-to-video. 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. For designed graphic overlays like lower-thirds and data callouts, use talking-head-recut instead.

What if the matched HyperFrames workflow skill is not installed?▼

Install a single workflow with npx skills add heygen-com/hyperframes --skill <workflow-name>, or install all workflows with the --all flag. After installation, re-read the workflow skill and continue rather than guessing a fallback.

How do I update HyperFrames skills to the latest version?▼

Run npx hyperframes skills check to see if installed skills are outdated or missing, then npx hyperframes skills update to pull the full latest set. The init command also performs this check automatically on new projects.

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 when you explicitly ask to convert it. The result is graded against the Remotion render using an SSIM evaluation harness.

Related Skills

Explore More Design & Creative Skills→
noemdbnoemdb
1

hyperframes

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

Community
Advanced
calesthiocalesthio
55.1k

media-use

Resolves media needs into frozen local files with manifest registration and caching.

Community
Advanced
multiplex-aimultiplex-ai
2

remotion-video

Author videos as React components and render them with Remotion.

Official
Advanced
feed-mobfeed-mob
3

feedmob-presentations

Create, edit, and analyze PowerPoint presentations via python-pptx and OOXML.

Official
Advanced