HyperframesTop pick
Read first to make, edit, animate or render any video with HyperFrames (HTML rendered to video), including launch films, explainers, music videos, charts, maps, vertical clips…
Video & Motion
HeyGen79k
About 450 ready-made HyperFrames blocks and components installed as editable source - transitions, overlays, titles, kinetic type, captions, charts, map overlays, 3D, camera moves. Use it before hand-building any named visual (CRT scanlines, glitch, film grain, a chart); also for hyperframes add and catalog.
Install
Run this in your project folder. It works with Claude Code, Cursor, Codex and dozens of other agents.
$ npx skills add heygen-com/hyperframes --skill hyperframes-registryNeeds Node.js. Add -g to install for every project, or -a claude-code to skip the agent picker.
How to use Hyperframes Registry
Once it's installed, Claude reads this skill on its own whenever a request matches what it's for, so you don't have to mention it by name. In Claude Code you can also run it directly by typing /hyperframes-registry.
It contains no scripts, only instructions and reference files, so it can't run code on its own.
What the instructions cover
- 1Find and install
- 2What's in it
- 3Wiring
- 4Contributing
Section headings from the skill's SKILL.md file.
What's inside · 13 files
- SKILL.md
- examples/add-block.md
- examples/add-component.md
- references/component-quality-bar.md
- references/contributing.md
- references/demo-html-pattern.md
- references/discovery.md
- references/install-locations.md
- references/placeholder-material.md
- references/search.md
- references/templates.md
- references/wiring-blocks.md
- references/wiring-components.md
More from HeyGen
See all →Figma
Bring Figma into a HyperFrames video - rendered assets, brand tokens, components, storyboard frames as reconstructed motion (frames read as states, not slides), shaders and…
Design & UIHeyGen79k
Hyperframes CLI
The HyperFrames CLI by job - scaffold, check, look at frames, edit the timeline, preview, render locally or in the cloud, publish, project history - plus reading its JSON and…
Video & MotionHeyGen79k
Media Use
Get or make any media for a HyperFrames video - music, sound effects, images, icons, logos, voiceover, avatar and generated video, transcripts, cutouts, colour grades and looks…
Video & MotionHeyGen79k
More Claude skills for video editing
See all →Slack GIF Creator
Knowledge and utilities for creating animated GIFs optimized for Slack. Provides constraints, validation tools, and animation concepts. Use when users request animated GIFs for…
Video & Motion
Anthropic187k
AI Video Gen
Generate AI videos from text prompts using multiple provider gateways. Use when: (1) Generating videos from text descriptions, (2) Creating AI-generated video clips for content…
Video & Motion
OpenMontage76k
Create Video
Create videos from a text prompt using HeyGen's Video Agent. Use when: (1) Creating a video from a description or idea, (2) Generating explainer, demo, or marketing videos from a…
Video & MotionOpenMontage76k