Three tools. Scroll-triggered product animations worth $15K.
Start with a static image. Nano Banana 2 generates start and end keyframes. Kling builds the transition video. Claude Code turns it into a scroll-driven animation. Clients are paying $15K for sites like this.
Workflow
1. Generate your start and end keyframes in Nano Banana 2. Match your brand's colors and visual style. 2. Upload both frames to Kling 3.0. It produces the transition video between them. 3. Feed the video into Claude Code. It splits it into individual frames and wires each one to the user's scroll position. 4. Run FFMPEG to extract the frames. Export as WEBP — lighter than PNG, faster to load. 5. Preload the frame sequence in the browser. Ship.
Tools
Nano Banana 2 (keyframe generation), Kling 3.0 (transition video), Claude Code (scroll animation), FFMPEG (frame extraction)