
Animejs
This teaches Claude how to wire Anime.js animations into HyperFrames so they run on the composition timeline instead of wall-clock time. The key pattern is setting autoplay false, registering instances on window.__hfAnime, and letting HyperFrames drive playback with seek calls. You'd reach for this when you want Anime.js syntax for small DOM or SVG tweens but need them deterministic and render-safe. The skill covers both basic animations and timelines, warns you away from infinite loops and async construction, and points out that GSAP is still the default choice for anything complex. Useful if someone hands you an Anime.js snippet and you need to make it work inside a composition without rewriting it from scratch.
- skills.sh installs
- 70K
- GitHub stars
- 81.8K
- last updated
- Aug 21, 2026
Install
$ npx -y skills add heygen-com/hyperframes --skill animejs --agent claude-codeInstalls into .claude/skills of the current project.
Files
This teaches Claude how to wire Anime.js animations into HyperFrames so they run on the composition timeline instead of wall-clock time. The key pattern is setting autoplay false, registering instances on window.__hfAnime, and letting HyperFrames drive playback with seek calls. You'd reach for this when you want Anime.js syntax for small DOM or SVG tweens but need them deterministic and render-safe. The skill covers both basic animations and timelines, warns you away from infinite loops and async construction, and points out that GSAP is still the default choice for anything complex. Useful if someone hands you an Anime.js snippet and you need to make it work inside a composition without rewriting it from scratch.
Browse the repository on GitHubSponsors
Details
- Repository
- github.com/heygen-com/hyperframes
- Categories
- Frontend Development, Documentation
- First seen
- May 16, 2026
More from heygen-com/hyperframes
All 44- Three69.3K
- Lottie69.1K
- Waapi68.7K
- Motion Doctrine62.2K
- Captions Overlay61.8K
- Cut The Curve61.4K
- Seam Craft61.1K
- Oversized Cursor60.7K
- Changelog Video60.6K
- Contribute Catalog55.5K
- Typegpu51K
- Reverse Any Video45.2K
- Style Sampling38.8K
- Graphic Overlays29.1K
- Hyperframes Read First2.4K
- Claude Design Hyperframes2K
- Hyperframes Cli1.5M
- Hyperframes1.5M
- Media Use1.4M
- Hyperframes Registry1.2M
- Hyperframes Animation1M
- Hyperframes Core931.1K
- Hyperframes Creative917.1K
- Hyperframes Keyframes754.8K