I Wasn’t Ready For What This Does

A practical walkthrough showing how to combine Google’s experimental AI tools (Whisk, Flow, Gemini 3, Nano Banana) to build animated landing pages.

• Generate consistent keyframes using Whisk‘s subject/scene/style prompts and Nano Banana image models.
• Create frame-to-frame transitions with Flow; specify motion intent, direction, and style.
• Convert MP4 outputs to animated WEBP for scroll-mapped hero sections and better performance.
• Polish UI using component libraries (Hero UI) and motion.dev; use Claude for structured code generation.

Includes tips on prompts, iteration, and constraints.

Quotes:

But they’re lying. The truth is they need to use multiple tools to build these sites.

You don’t have to write long detailed prompts to get great results.

WEBP is treated as an image and doesn’t require a media player wrapper.