Skip to content
← Tools / Skills
Skill · .md packageHeyGen/10 trustVerified

hyperframes-keyframes

> Use when a HyperFrames composition needs a punch-in, punch-out, zoom, reframe, Ken Burns treatment, camera move, visual match/whip…

Visit official site →

About

>

Use when a HyperFrames composition needs a punch-in, punch-out, zoom, reframe,

Ken Burns treatment, camera move, visual match/whip handoff, or other seek-safe

2D/3D keyframes; also for GSAP, CSS keyframes, Anime.js, WAAPI, FLIP, paths,

masks, SVG morph/draw, text trails, 3D depth, or hyperframes keyframes diagnostics.

Don't use for broad scene strategy, brand design, media sourcing, captions, or

general video planning.

What it can do

  • >
  • Use when a HyperFrames composition needs a punch-in, punch-out, zoom, reframe,
  • Ken Burns treatment, camera move, visual match/whip handoff, or other seek-safe
  • 2D/3D keyframes; also for GSAP, CSS keyframes, Anime.js, WAAPI, FLIP, paths,
  • masks, SVG morph/draw, text trails, 3D depth, or `hyperframes keyframes` diagnostics.
  • Don't use for broad scene strategy, brand design, media sourcing, captions, or
  • general video planning.

Setup

  1. Install: npx skills add heygen-com/hyperframes --all
  2. The skill auto-loads when relevant, or invoke it by name in your agent.

Prerequisites

A compatible AI coding agent (Claude Code, Cursor, etc.).

Use cases

designmedia

Works with

Claude CodeAny agent (.md)

Trust score — 8/10

/10 trustVerified

HeyGen's open-source HTML-to-video renderer built for agents (65k+ stars). Apache 2.0.

Sources

Every fact above was checked against these sources. Where a claim comes from the provider and couldn't be independently verified, the text says so.