Implement GSAP animations with timelines and effects for HyperFrames compositions.
npx skills add https://github.com/Evilavy/lavvy --skill gsap-evilavy
Please help me install this Agent Skill. Skill: gsap Source: https://github.com/Evilavy/lavvy/tree/main/.agents/skills/gsap Command: npx skills add https://github.com/Evilavy/lavvy --skill gsap-evilavy
Writing GSAP animations for HyperFrames compositions often leads to inconsistent performance, incorrect property usage, and broken timeline sequencing without a centralized reference for best practices and common patterns.
Use the gsap skill to implement a timed typewriter text effect and audio-reactive frequency visualizer in your HyperFrames composition.
High-intent search queries and answers about installing and using this skill.
GSAP timeline animations require correct property usage, camelCase syntax, and proper position parameters to sequence tweens deterministically. This skill provides a centralized reference for tween methods, timeline nesting, and playback control to ensure performant, correctly structured animation sequences.
Yes, you can build audio-reactive visualizers using GSAP by extracting normalized audio data first. This skill includes a Python script leveraging numpy and ffmpeg to process audio into normalized frequency data, plus drop-in patterns to sync GSAP animations directly to the extracted audio.
The best way to implement a typewriter text reveal is using pre-built GSAP effect patterns designed for timed character sequencing. This skill provides drop-in helper patterns specifically for typewriter text reveals, ensuring correct timeline integration without manual trial and error.
Yes, GSAP integrates with HyperFrames' synchronous timeline capture system when following specific best practices. This skill provides the required deterministic animation code patterns, ensuring your GSAP tweens and timelines adhere to HyperFrames' capture and performance optimization requirements.
GSAP timeline sequencing breaks when position parameters are incorrect or property aliases are misused. This skill's reference covers correct transform aliases, timeline labels, and nesting techniques to properly sequence complex animations and prevent broken playback.
You need ffmpeg and numpy specifically for the audio data extraction step to create audio-reactive GSAP animations. The included Python script uses these dependencies to extract and normalize audio frequency data, which is then required to drive the visualizer's reactive animations.
gztcodeConvert video, audio, images, or generative input into ASCII art video output.
MuzeWinterGenerate GSAP animation guidance for HyperFrames compositions with timelines and responsive motion.
Eng0AIBuild a React 19 landing page with GSAP scroll animations and Tailwind CSS 4.
HardyLiu6Sequence GSAP animations with nested timelines, position parameters, and labels.
