animejs
🎯Skillfrom heygen-com/hyperframes
|An Anime.js adapter skill for HyperFrames, the open-source HTML-to-video rendering framework by HeyGen. Teaches AI coding agents how to use Anime.js animations within HyperFrames video compositions.
Overview
The animejs skill is a HyperFrames adapter skill that teaches AI coding agents how to use Anime.js animations and timelines registered on window.__hfAnime for deterministic HyperFrames seeking. HyperFrames is an open-source HTML-based video rendering framework by HeyGen that captures frames in headless Chrome for deterministic MP4 output. This adapter enables frame-accurate control so HyperFrames can seek through the animation at each captured frame.
Key Features
- Anime.js animations and timelines registered on window.__hfAnime for deterministic HyperFrames seeking
- Frame-accurate, deterministic rendering during headless Chrome capture for consistent video output
- Works alongside other HyperFrames adapters (GSAP, CSS keyframes, Anime.js, Lottie, Three.js, WAAPI, TypeGPU) for mixed-runtime compositions
- Integrates with the HyperFrames dev-loop: init, preview with live reload, lint, and render to MP4 via FFmpeg
- Part of the HyperFrames skills collection installable via npx skills add heygen-com/hyperframes
Who is this for?
- Developers who want to use animejs capabilities within HyperFrames video compositions with deterministic frame capture
- AI agent users building HTML-based video content who need frame-accurate animejs integration
- Teams building automated video pipelines using the HyperFrames framework with multiple animation runtimes
Same repository
heygen-com/hyperframes(24 items)
Installation
npx vibeindex add heygen-com/hyperframes --skill animejsnpx skills add heygen-com/hyperframes --skill animejs~/.claude/skills/animejs/SKILL.mdSKILL.md
More from this repository10
Skill for authoring HTML-based video compositions with the Hyperframes framework, covering captions, TTS, audio-reactive animation, and transitions for AI agent-driven video creation.
CLI tool for the Hyperframes video rendering framework that provides commands to create, preview, lint, and render HTML-based video compositions to MP4.
Skill that teaches AI agents the GSAP animation API for Hyperframes compositions, including timelines, easing, ScrollTrigger, plugins, and performance best practices across React, Vue, and Svelte.
Skill that enables AI agents to convert existing websites, PDFs, CSVs, and other content into Hyperframes video compositions, supporting format-specific outputs like TikTok-style vertical videos.
Skill for installing blocks and components into Hyperframes projects via the `hyperframes add` command, providing access to 50+ ready-to-use overlays, shader transitions, and data visualizations.
A skill for the HyperFrames open-source video rendering framework that teaches AI agents to write correct HTML-based video compositions and GSAP animations, enabling them to render video from HTML code.
A CSS Animations adapter skill for HyperFrames, the open-source HTML-to-video rendering framework by HeyGen. Enables AI coding agents to use CSS animations and keyframes within HyperFrames video compositions.
Part of HyperFrames, an open-source video rendering framework for creating HTML-based video compositions with AI agents; this skill provides Tailwind CSS v4 browser-runtime styling guidance for video compositions.
A Three.js adapter skill for HyperFrames, the open-source HTML-to-video rendering framework by HeyGen. Enables AI coding agents to create 3D scenes and animations within HyperFrames video compositions.
A Lottie adapter skill for HyperFrames, the open-source HTML-to-video rendering framework by HeyGen. Enables AI coding agents to embed and control Lottie animations within HyperFrames video compositions.