# HyperFrames — guide skill for explainers > **For AI agents:** find the right skill in one call — `curl -s "https://skills.varg.ai/api/search?q="` returns the matching use case and the best skills with install commands, as markdown (Russian works too). Full index: https://skills.varg.ai/llms.txt. Every page has a markdown twin: add `.md` to its path. Before generating anything, show the person the options on the use-case page. Turn HTML, CSS and seekable animation into deterministic MP4s: launch films, explainers, captions, title cards. - **Type:** [Guide](https://skills.varg.ai/guides.md) · [Explainers](https://skills.varg.ai/browse/skills/explainers.md) - **Slug:** `hyperframes` - **Status:** live - **Publisher:** HeyGen (vendor, verified) - **License:** Apache-2.0 - **Source:** https://github.com/heygen-com/hyperframes/tree/main/skills/hyperframes - **Works in:** Claude Code, Codex, Cursor, Gemini CLI - **Requires:** Node.js 22+, FFmpeg - **Cost:** Free — open-source, renders locally - **Adoption:** 1,200,000 installs, 73,064 GitHub stars (skills.sh, 2026-10-26) ## What it does The entry skill for HyperFrames, HeyGen's open-source framework that renders HTML compositions to video by seeking a paused timeline frame by frame, so every render is identical. It carries the composition contract (`class="clip"`, `data-start`/`data-duration`, one registered timeline per scene), the plan → check → snapshot → render work loop, and a routing table into references for launch films, explainers, music videos, charts, vertical clips, 3D and captions. It ships 13 frame presets with caption skins as starting looks. ## Use when - Making, editing or rendering any video with HyperFrames - Launch films, explainers, music videos, chart or map videos - Captions, title cards and overlays rendered from HTML - Vertical social clips from a brief, a website or a PR ## Not for - Live slide decks (use HyperFrames Slideshow) - Projects that must stay in Remotion (use the Remotion skills) ## Install - Claude Code: `claude plugin marketplace add heygen-com/hyperframes && claude plugin install hyperframes@hyperframes` - Codex: `npx skills add heygen-com/hyperframes --skill hyperframes -a codex` - Cursor: `npx skills add heygen-com/hyperframes --skill hyperframes -a cursor` - Gemini CLI: `npx skills add heygen-com/hyperframes --skill hyperframes -a gemini-cli` ## Example output https://skills.varg.ai/previews/hyperframes.mp4 — Launch film an agent built with HyperFrames from huly.io (official docs example): 'Three tools. One team.' → 'huly One app.' → product UI (credit: HeyGen (HyperFrames), https://hyperframes.heygen.com/guides/product-launch-video) ## Used for - [Text-message story video](https://skills.varg.ai/use-cases/chat-story.md): A viral iMessage-style chat drama: bubbles appear with typing, sounds and a cliffhanger. - [Apple Notes style ad](https://skills.varg.ai/use-cases/notes-app-ad.md): A note types itself in a phone notes app, reads like a confession, and turns into an ad. - [SaaS launch or product promo](https://skills.varg.ai/use-cases/launch-video.md): A polished launch film for an app or website: UI cards, device mockups, kinetic type, music. - [Changelog or release video](https://skills.varg.ai/use-cases/changelog-video.md): Release notes, a PR or a GitHub repo turned into a short video for X or LinkedIn. - [Explainer video](https://skills.varg.ai/use-cases/explainer-video.md): A narrated explainer about a product, a topic or a document, with motion graphics or AI visuals. - [Lyric video](https://skills.varg.ai/use-cases/lyric-video.md): Lyrics synced to the song: the sung line big and highlighted, karaoke-style, over art or a shader. - [Photo slideshow to music](https://skills.varg.ai/use-cases/photo-slideshow.md): Your photos cut to music, with motion, transitions on the beat and titles. - [Animated chart or data video](https://skills.varg.ai/use-cases/data-video.md): Numbers from a CSV or a report as an animated chart: bar race, line, hero number. - [B-roll for your video](https://skills.varg.ai/use-cases/b-roll.md): Cutaway footage for every mention in a voiceover or interview: generated clips, collage or stock-style shots, cut in on time. - [TikTok / Instagram photo carousels](https://skills.varg.ai/use-cases/tiktok-carousel.md): Swipeable photo slideshows with hook text — the format app founders use for organic growth. - [App Store preview or app demo video](https://skills.varg.ai/use-cases/app-demo-video.md): A polished demo of your app: device mockups, real screens, captions, music — for the App Store, ads or a landing page. - [Property listing video](https://skills.varg.ai/use-cases/real-estate-video.md): A listing reel from property photos: gentle camera motion through rooms, captions with price and features, music. - [Personalized videos at scale](https://skills.varg.ai/use-cases/personalized-videos.md): One template, many versions: each lead's name, company and website in the video, optionally in a cloned voice. ## More explainers skills - [HyperFrames Slideshow](https://skills.varg.ai/skills/hyperframes-slideshow.md): Build a live, navigable deck with fragment reveals, branching hotspots and presenter notes instead of an MP4. - [Plain-Sight Explainer](https://skills.varg.ai/skills/hyperframes-vox-explainer.md): 60–90 s collage explainers about everyday things, or mined from your documents and links, with numeric seam checks. - [Remotion Create](https://skills.varg.ai/skills/remotion-create.md): Scaffold a new Remotion project and lay the video out as clips or scenes before writing any frames. - [Remotion Maps](https://skills.varg.ai/skills/remotion-maps.md): Animate maps in Remotion: static maps, Mapbox, MapLibre, MapTiler and CesiumJS 3D flyovers. - [Higgsfield Video Explainer](https://skills.varg.ai/skills/higgsfield-video-explainer.md): Turn a topic or document into a narrated, stylized explainer assembled from 10-second voiced blocks. - [Explainer Video Guide](https://skills.varg.ai/skills/inference-sh-explainer-video-guide.md): Plan explainer videos end to end: script formulas, pacing, scene planning, voiceover and assembly.