Skip to content
By heygen-com

HyperFrames animation library

/hyperframes-animation

/hyperframes-animation is a Claude Code skill in the Video & Motion section. It is maintained by heygen-com and published under the Apache-2.0 license. Collects motion rules, scene blueprints, transitions and the seven supported animation runtimes, including GSAP, Lottie and Three.js.

Author's description

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, seek-safe, deterministic.

How to ask for it

  • Add a polished entrance animation to this video title
  • Audit the animation choreography in this composition and suggest fixes
  • How do I animate this text with Lottie inside HyperFrames?

Install

curl -fsSL https://raw.githubusercontent.com/sgomez-dev/claude-skills/main/install.sh | bash

After installing with the script, type /hyperframes-animation. Using Cursor, Windsurf or Codex? Platform guides

Demo coming soon

↑↓ move · Enter open · Esc close