Home / Skills / hyperframes-animation

hyperframes-animation

All animation knowledge for HyperFrames — atomic motion rules, multi-phase scene blueprints, scene transitions, broader motion-design techniques, AND the seven runtime adapters (GSAP default, plus Lottie, Three.js, Anime.js, CSS keyframes, Web Animations API, TypeGPU). Use for any motion or animation task: pick 2-4 rules and compose, or load a blueprint, or look up runtime-specific API (e.g. GSAP eases / Lottie player / Three.js mixer). Also covers auditing an existing composition's choreography (animation map) and 24 named text-animation effects. HyperFrames-native: single paused timeline, se

Scanned · 1 to knowSkillSource: Gemini CLI extensions galleryContains scripts

67,649 stars Updated 16d ago License Apache-2.0 Context ≈156 tokens always loaded

89popular

Why this score

Stars

27/35

Usage (forks)

12/15

Upkeep

25/25

License

15/15

Owner history

10/10

This repo hosts 10 skills, so its 67,649 stars are split between them (about 6,765 each) for scoring.

Popularity score: 89/100 from public GitHub signals only. It shows how widely used and maintained this is, not how well it works. Not included yet: the fake-star check. The security scan is shown separately and doesn't change the score. How we rank

Security

Scanned Oct 20, 2026 at commit 122489c34dab, with Cisco's open-source skill-scanner.

What its code does:

Runs shell commands Common for dev tools. Read the commands it runs.scripts/package-loader.mjs:11 and 2 more

A scan lists patterns in the code. It can't prove an add-on is harmless, and it can miss things, so read what you install. How we scan

Alternatives

Other makers' add-ons that do the same job, next to this one.

Name	Score	Stars	Context	Updated
This onehyperframes-animation heygen-com/hyperframes · Skill	89	★ 68k	≈156 always	16d ago
hyperframes-motion-director geekjourneyx/hyperframes-motion-director · Skill Same job: frontend	66	★ 465	≈157 always	3mo ago
animation-tool-router TheGoat395/Codex-Skills · Skill Both about animation and transition	52	★ 129	≈18 always	2mo ago
compose-animations chrisbanes/skills · Skill Both about animation and compose	67	★ 1.1k	≈84 always	16d ago
animations phaserjs/phaser · Skill Both about animation and frame	82	★ 41k	≈71 always	3mo ago
ppt-animation Unclecheng-li/AI_Animation · Skill Both about animation	65	★ 1.6k	≈18 always	1mo ago

Install

mkdir -p .claude/skills/hyperframes-animation

curl -sL https://codeload.github.com/heygen-com/hyperframes/tar.gz/122489c34dabcdcb075b611717919f03de9a1157 | tar -xz -C .claude/skills/hyperframes-animation --strip-components=3 "hyperframes-122489c34dabcdcb075b611717919f03de9a1157/skills/hyperframes-animation"

To remove it later:

rm -rf .claude/skills/hyperframes-animation

npx skills add heygen-com/hyperframes --skill hyperframes-animation

gemini extensions install https://github.com/heygen-com/hyperframes --ref=122489c34dabcdcb075b611717919f03de9a1157

Pinned to commit 122489c34dab as listed by Gemini CLI extensions gallery.

Context cost: ≈156 tokens loaded every session (name and description), plus ≈5.1k tokens when the skill is used.

The Claude Code command downloads this skill folder at the pinned commit into .claude/skills/. The Skills CLI (npx skills) works with many agents but can't pin a version, so it installs whatever is current.

Used for

Engineering › Frontend

Facts

Repo: heygen-com/hyperframes
Stars: 67,649
Forks: 6,117
Last push: 2026-10-19 (16d ago)
License: Apache-2.0
Owner: heygen-com · since 2020
Language: TypeScript
Works with: Claude Code, Skills CLI, Gemini CLI