gsap
🎯Skillfrom heygen-com/hyperframes
|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.
Overview
A skill that teaches AI agents the GSAP (GreenSock Animation Platform) API specifically for Hyperframes video compositions. It covers timeline creation, easing functions, ScrollTrigger integration, GSAP plugins, and performance best practices across React, Vue, and Svelte frameworks. Registered as the /gsap slash command in Claude Code.
Key Features
- Complete GSAP timeline API reference tailored for Hyperframes video compositions
- Easing functions, stagger animations, and keyframe sequences for smooth motion design
- ScrollTrigger plugin integration for scroll-driven video animations
- Performance best practices and anti-patterns to avoid in animation code
- Framework-specific guidance for React, Vue, and Svelte GSAP usage
Who is this for?
- Developers creating Hyperframes video compositions who need polished, timeline-driven animations
- AI agent users who want their agent to write correct, performant GSAP code in video projects
- Anyone building motion-heavy video content with the Hyperframes framework
Same repository
heygen-com/hyperframes(48 items)
Installation
npx vibeindex add heygen-com/hyperframes --skill gsapnpx skills add heygen-com/hyperframes --skill gsap~/.claude/skills/gsap/SKILL.mdSKILL.md
More from this repository10
CLI tool for the Hyperframes video rendering framework that provides commands to create, preview, lint, and render HTML-based video compositions to MP4.
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.
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.
The foundational technical contract for HyperFrames HTML video compositions, defining data attributes, clip/track structure, sub-compositions, variables, media playback, deterministic rendering rules, and project validation.
Comprehensive animation skill for HyperFrames providing atomic motion rules, multi-phase scene blueprints, scene transitions, motion-design techniques, and seven runtime adapters including GSAP, Lottie, Three.js, Anime.js, CSS keyframes, Web Animations API, and TypeGPU.
Non-animation creative direction for HyperFrames videos covering design specs, color palettes, typography, narration scripting, beat planning, audio-reactive visuals, composition patterns, and brand/style decisions.
Resolves media needs (background music, sound effects, images, icons) into frozen local files by searching the HeyGen catalog, downloading the best match, and registering it in a manifest. One resolve command handles the full cascade from cache lookup to provider search to file freezing.
A media framework by HeyGen for building interactive video experiences with composable frames and real-time rendering capabilities.
A fallback HyperFrames composition authoring skill for custom video creation when no specialized workflow fits. Handles multi-scene pieces, brand reels, montages, title cards, motion posters, static loops, and freeform compositions at any length or format.