Skip to content
appsgit

Hyperframes Keyframes

Hyperframes Keyframes is an agent skill (a SKILL.md file) from heygen-com/hyperframes. Agents load it when a HyperFrames composition needs a punch-in, punch-out, zoom, reframe, Ken Burns treatment, camera move, visual match/whip handoff, or… It works with Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot and OpenCode and has 58,058 GitHub stars across a repository of 11 listed skills.

github.com/heygen-com/hyperframes/skills/hyperframes-keyframes (opens in a new tab)

View on GitHub (opens in a new tab)View on skills.sh (opens in a new tab)

Add this skill

Claude

This repository is a Claude Code plugin marketplace. In Claude Code:

/plugin marketplace add heygen-com/hyperframes
/plugin   # browse hyperframes and install the plugin that contains hyperframes-keyframes

In the Claude apps, zip the hyperframes-keyframes folder and upload it under Customize > Skills > + > Upload a skill (code execution must be on).

ChatGPT / Codex

Codex reads skills from .agents/skills/ in a repo or ~/.agents/skills/ for every project:

git clone --depth 1 https://github.com/heygen-com/hyperframes.git
cp -r hyperframes/skills/hyperframes-keyframes .agents/skills/hyperframes-keyframes   # repo; ~/.agents/skills for all projects

Standalone skills also load in the ChatGPT desktop app.

Cursor

Cursor loads skills from .cursor/skills/ (or ~/.cursor/skills/) and also reads .claude/skills/:

git clone --depth 1 https://github.com/heygen-com/hyperframes.git
cp -r hyperframes/skills/hyperframes-keyframes .cursor/skills/hyperframes-keyframes   # project; ~/.cursor/skills for all projects

Source (checked Oct 7, 2026): code.claude.com/docs/en/skills (opens in a new tab), code.claude.com/docs/en/plugin-marketplaces (opens in a new tab), support.claude.com/en/articles/12512180-using-skills-in-claude (opens in a new tab), learn.chatgpt.com/docs/build-skills (opens in a new tab), cursor.com/docs/context/skills (opens in a new tab)

What this skill does

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.

When it triggers

  • 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.
  • use for broad scene strategy, brand design, media sourcing, captions, or general video planning.

More skills in heygen-com/hyperframes

11 skills are listed from this repository.

Similar skills

More design & frontend skills

All Design & frontend

FAQ

Hyperframes Keyframes FAQ

Still curious? Email info@appsgit.com.

What is the Hyperframes Keyframes skill?

Hyperframes Keyframes is an agent skill (a SKILL.md file) from heygen-com/hyperframes. Agents load it when a HyperFrames composition needs a punch-in, punch-out, zoom, reframe, Ken Burns treatment, camera move, visual match/whip handoff, or… It works with Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot and OpenCode and has 58,058 GitHub stars across a repository of 11 listed skills. Its SKILL.md lives at github.com/heygen-com/hyperframes/skills/hyperframes-keyframes.

How do I install the Hyperframes Keyframes skill?

In Claude Code, run /plugin marketplace add heygen-com/hyperframes, then install its plugin from /plugin. For Codex or Cursor, copy the hyperframes-keyframes folder into .agents/skills/ or .cursor/skills/.

Is the Hyperframes Keyframes skill free?

Yes. The repository is open source under the Apache-2.0 license.

Is Hyperframes Keyframes maintained?

The repository's most recent commit was on Oct 7, 2026. Its latest release is v0.8.139. appsgit only lists skills from repositories with a commit in the last six months.