hyperframes
HyperFrames by HeyGen. Write HTML, render video. Compositions, GSAP and runtime adapter animations, captions, voiceovers, audio-reactive visuals, and website-to-video capture for HyperFrames.
/plugin install hyperframes@claude-plugins-officialHow to start
- Paste the command into Claude Code and press Enter.
- Restart Claude Code so the plugin loads.
- Just ask Claude. Its skills step in when your request fits.
What it adds
21 skills
Skills Claude loads these when the task fits
embedded-captions>faceless-explainerTurn arbitrary text — an article, notes, a topic, a brief — into a faceless explainer video: there is no site or footage to capture, so the visuals are invente…figmaImport Figma content into a HyperFrames composition — rendered assets, brand tokens, components, storyboard sections → reconstructed motion (frames read as sta…general-video>hyperframes-animationAll animation knowledge for HyperFrames — atomic motion rules, multi-phase scene blueprints, scene transitions, broader motion-design techniques, AND the seven…hyperframes-audio>hyperframes-cli>hyperframes-coreThe HyperFrames composition contract — build one renderable project. Use for composition structure, the `data-*` timing attributes, `class="clip"`, tracks, sub…hyperframes-creativeNon-animation creative direction for HyperFrames videos. Use for design spec (frame.md / design.md) handling, palettes, typography, narration, beat planning, a…hyperframes-keyframes>hyperframes-registrySearch, install, and wire registry blocks and components into HyperFrames compositions. Use BEFORE hand-building any named visual — whenever a brief, a user, o…hyperframes-studio>- …and 9 more in the source.
Read from the plugin's own files in heygen-com/hyperframes, 26 Oct 2026.
What it needs
No keys or settings: its files ask for none.
More in Design
See all →figma
Figma design platform integration. Access design files, extract component information, read design tokens, and…
superdesign
Design or redesign frontend UI and marketing graphics on the Superdesign infinite canvas. Reads your codebase for…
adobe-for-creativity
Harness Adobe's creative AI-powered tools to edit images, automate design workflows, and bring creative visions to…
miro
Secure access to Miro boards. Enables AI to read board context, create diagrams, and generate code with…
canva
Create, edit, review, resize, and brand-check Canva designs with the Canva MCP server.
runway-api
Video generation at scale. Generate videos, images, and audio with Runway's API — batch ad campaigns, product videos…