Home / Claude skills / Design & UI / hyperframes-animation

hyperframes-animation

hyperframes-animation is a Claude skill by heygen-com that all animation knowledge for HyperFrames — atomic motion rules, multi-phase scene blueprints, scene transitions, broader motion-design techniques, AND the seven runtime adapters (GSAP.

Updated 2026-10-18

What is hyperframes-animation?

hyperframes-animation is a Claude skill by heygen-com that all animation knowledge for HyperFrames — atomic motion rules, multi-phase scene blueprints, scene transitions, broader motion-design techniques, AND the seven runtime adapters (GSAP. It is listed under Design & UI and has 734,800 installs.

TypeClaude skill
Authorheygen-com
Repositoryheygen-com/hyperframes
Popularity734,800 installs
CategoryDesign & UI
SecurityLow risk (92/100)
Rank#23 of 1,262 Claude skills; #9 in Design & UI
SKILL.md length88 lines
LicenseApache-2.0
Last commit2026-10-18
Stars this week+5,182
Installs in the last 24h23,900

Is hyperframes-animation safe to install?

hyperframes-animation scores 92/100 on the MCPMods security check: Low risk. No checks raised a concern. It passed 7 of 9 checks.

Skill results come from a static scan of its SKILL.md for instruction overrides, hidden actions, risky commands and credential access.

CheckResult
No instruction-override phrasesPass
No hidden actionsPass
No pipe-to-shell installersPass
No obfuscated codePass
No destructive commandsPass
Doesn't ask for keys or credentialsPass
No network requestsPass
Runs shell commandsNote
Installs packagesNote

What the scan matched

  • shell: ```bash
  • package install: npx
  • scripts: scripts/animation-map.mjs

How do I install hyperframes-animation?

  1. Install with the skills CLI. Works for Claude Code and other agents that read skills.
    npx skills add https://github.com/heygen-com/hyperframes --skill hyperframes-animation
  2. Or copy it by hand. Claude Code loads any folder with a SKILL.md from ~/.claude/skills.
    git clone https://github.com/heygen-com/hyperframes
    cp -r hyperframes/skills/hyperframes-animation ~/.claude/skills/hyperframes-animation
  3. Use it. Claude loads the skill when a task matches its description. You can also name it in your prompt.
    Use the hyperframes-animation skill to …

Or ask Claude to set it up

Paste this into Claude Code and it installs hyperframes-animation for you:

Install the "hyperframes-animation" skill from https://github.com/heygen-com/hyperframes/tree/main/skills/hyperframes-animation into ~/.claude/skills, then tell me in one line what it does.

More from heygen-com/hyperframes

This repository has at least 9 Claude skills on MCPMods.