--- title: I Wasn't Ready For What This Does | daily.dev description: A workflow combining Google's experimental AI tools (Whisk, Flow) with Claude and UI libraries to build animated landing pages. Whisk generates consistent... canonical: https://daily.dev/posts/i-wasn-t-ready-for-what-this-does-k6sskluac twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: I Wasn't Ready For What This Does | daily.dev og:description: A workflow combining Google's experimental AI tools (Whisk, Flow) with Claude and UI libraries to build animated landing pages. Whisk generates consistent... og:url: https://daily.dev/posts/i-wasn-t-ready-for-what-this-does-k6sskluac og:image: https://api.daily.dev/og/posts/K6sSKlUaC.png og:image:alt: I Wasn't Ready For What This Does og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # I Wasn't Ready For What This Does **[YouTube](https://daily.dev/sources/youtube)** · 9 min read · 2 upvotes · 0 comments ## Summary A workflow combining Google's experimental AI tools (Whisk, Flow) with Claude and UI libraries to build animated landing pages. Whisk generates consistent image sequences using simple prompts, Flow creates video transitions between keyframes, and the results are integrated into a Next.js project using Hero UI components and motion.dev for animations. The process includes converting MP4 videos to WEBP format for scroll-based animations and using 21st.dev for component inspiration with AI-ready prompts. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Similar posts on daily.dev - [How I built a Claude AI workflow that generates images and video on demand](https://daily.dev/posts/how-i-built-a-claude-ai-workflow-that-generates-images-and-video-on-demand-vwyp6lwed) · Visually AI · 1 upvotes · 0 comments --- Tags: [#ai](https://daily.dev/tags/ai), [#webdev](https://daily.dev/tags/webdev), [#nextjs](https://daily.dev/tags/nextjs), [#google-gemini](https://daily.dev/tags/google-gemini) [View this post on daily.dev](https://daily.dev/posts/i-wasn-t-ready-for-what-this-does-k6sskluac) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"I Wasn't Ready For What This Does","url":"https://daily.dev/posts/i-wasn-t-ready-for-what-this-does-k6sskluac","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/i-wasn-t-ready-for-what-this-does-k6sskluac"},"datePublished":"2026-01-19T07:52:12.793Z","dateModified":"2026-01-19T07:52:34.204Z","description":"A workflow combining Google's experimental AI tools (Whisk, Flow) with Claude and UI libraries to build animated landing pages. Whisk generates consistent...","image":"https://i.ytimg.com/vi/XP6TJRbOdGo/sddefault.jpg","thumbnailUrl":"https://i.ytimg.com/vi/XP6TJRbOdGo/sddefault.jpg","isAccessibleForFree":true,"articleSection":"YouTube","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"YouTube","logo":"https://media.daily.dev/image/upload/s--W5zMumpP--/f_auto/v1725350181/logos/youtube","url":"https://daily.dev/sources/youtube"},"commentCount":0,"discussionUrl":"https://daily.dev/posts/i-wasn-t-ready-for-what-this-does-k6sskluac","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":2},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":0}],"keywords":"ai,webdev,nextjs,google-gemini","timeRequired":"PT9M","video":{"@type":"VideoObject","name":"I Wasn't Ready For What This Does","description":"A workflow combining Google's experimental AI tools (Whisk, Flow) with Claude and UI libraries to build animated landing pages. Whisk generates consistent...","thumbnailUrl":"https://i.ytimg.com/vi/XP6TJRbOdGo/sddefault.jpg","uploadDate":"2026-01-19T07:52:12.793Z","duration":"PT9M","url":"https://api.daily.dev/r/K6sSKlUaC","embedUrl":"https://www.youtube.com/embed/XP6TJRbOdGo"}} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"YouTube","item":"https://daily.dev/sources/youtube"},{"@type":"ListItem","position":3,"name":"I Wasn't Ready For What This Does"}]} ```