heygen-com avatar

Hyperframes Animation

The complete animation layer for HyperFrames: 50+ atomic motion rules you compose on demand, multi-phase scene blueprints for complex choreography, and seven runtime adapters covering GSAP, Lottie, Three.js, Anime.js, CSS keyframes, WAAPI, and TypeGPU. You pick 2-4 rules and glue them into a single paused timeline for most work, or load a blueprint when you need a pre-designed 4-5 phase template. The routing table is genuinely helpful: it maps every motion task (stagger entrance, camera orbit, GPU particles) to the exact file you need. Everything is seek-safe and deterministic by contract. The bundled animation-map script audits existing timelines for dead zones and lifecycle issues. If you're building programmatic video with HyperFrames, this skill is the motion brain.

install copies · 90 days. Times the install command was copied on this site in the last 90 days, bots filtered.
167
skills.sh installs
1M
GitHub stars
81.8K
last updated
Aug 21, 2026

Install

$ npx -y skills add heygen-com/hyperframes --skill hyperframes-animation --agent claude-code

Installs into .claude/skills of the current project.

Files

The complete animation layer for HyperFrames: 50+ atomic motion rules you compose on demand, multi-phase scene blueprints for complex choreography, and seven runtime adapters covering GSAP, Lottie, Three.js, Anime.js, CSS keyframes, WAAPI, and TypeGPU. You pick 2-4 rules and glue them into a single paused timeline for most work, or load a blueprint when you need a pre-designed 4-5 phase template. The routing table is genuinely helpful: it maps every motion task (stagger entrance, camera orbit, GPU particles) to the exact file you need. Everything is seek-safe and deterministic by contract. The bundled animation-map script audits existing timelines for dead zones and lifecycle issues. If you're building programmatic video with HyperFrames, this skill is the motion brain.

Browse the repository on GitHub

Sponsors

Details

Repository
github.com/heygen-com/hyperframes
Categories
Frontend Development, Backend & APIs, Mobile Development, Design & UI/UX, Video & Audio Editing
First seen
Jul 14, 2026

More from heygen-com/hyperframes

All 44
1heygen-com avatarhyperframes-keyframesheygen-com/hyperframesUse 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 2754.8Kskills.sh installs
2heygen-com avatarhyperframes-audioheygen-com/hyperframesUse when audio already placed in a HyperFrames composition needs to be mixed: fade-in/fade-out, crossfade, track gain or volume, volume automation, ducking, a m663.9Kskills.sh installs
3mattpocock avatargit-guardrails-claude-codemattpocock/skillsSet up Claude Code hooks to block dangerous git commands (push, reset --hard, clean, branch -D, etc.) before they execute. Use when user wants to prevent destru548.6Kskills.sh installs
4mattpocock avatarsetup-pre-commitmattpocock/skillsSet up Husky pre-commit hooks with lint-staged (Prettier), type checking, and tests in the current repo. Use when user wants to add pre-commit hooks, set up Hus537.8Kskills.sh installs
5xixu-me avataruse-my-browserxixu-me/skillsUse when work depends on the user's live browser session or visible rendered state rather than static fetches, especially for browser debugging contexts or DevT519Kskills.sh installs
6emilkowalski avataremil-design-engemilkowalski/skillsThis skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make software feel great.432.5Kskills.sh installs