animating-advanced - Cinematic Interaction Designer for Awwwards-Level Animations
Creates high-performance animations using GSAP, Three.js/R3F, and Lenis for cinematic web experiences
Tags
Updated: 2026-02-13Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Use GSAP for timeline animations
- Implement Three.js/R3F 3D interactions
- Setup Lenis smooth scrolling
- Create scroll-triggered animations
- Generate Google Labs style assets
- Optimize animations for performance
Inputs
- Animation design requirements
- 3D model files (.glb)
- Google Whisk/Flow generated assets
- React component structure
- Scroll event data
Outputs
- Animated hero sections
- Smooth scroll implementations
- 3D interactive scenes
- Performance-optimized animations
- React animation components
Requirements
- React environment
- GSAP library installed
- R3F/Three.js setup
- GPU support for WebGL
- Mobile device compatibility