The latest articles on Forem by OtNotorious (@otnotorious). https://forem.com/otnotorious https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F974574%2Ffa574f03-45b6-42f2-a73a-836f0a424a41.jpeg https://forem.com/otnotorious en OtNotorious Sun, 14 Sep 2025 23:00:19 +0000 https://forem.com/otnotorious/cookflow-turn-any-youtube-recipe-into-a-hands-free-voice-guided-cooking-experience-3ce1 https://forem.com/otnotorious/cookflow-turn-any-youtube-recipe-into-a-hands-free-voice-guided-cooking-experience-3ce1 <h1> What I Built </h1> <p><strong>CookFlow+</strong> is a cooking assistant that turns any YouTube recipe video into a hands-free, personalized cooking experience. It solves the pain of pausing, rewinding, and juggling messy hands while trying to cook along with videos.</p> <p><em>Paste a link, and CookFlow+ gives you:</em></p> <ul> <li><p>Structured Recipes with steps, ingredients, timestamps, and tips from the chef.</p></li> <li><p>Smart Substitutions when you don’t have an ingredient</p></li> <li><p>Voice-Guided Cooking so you can ask questions, or say “next step” or “repeat” while you cook</p></li> <li><p>Video Analysis to find key moments, product mentions, and summaries</p></li> </ul> <h2> Demo </h2> <p><a href="https://ai.studio/apps/drive/1UMtEMDB_mmLb7WLFu_Hn6j9mIXTxvjYd" rel="noopener noreferrer">Click me to experienc3 cookflow+</a></p> <p>1.Paste any cooking video (e.g. Gordon Ramsay’s Beef Wellington) to generate recipes</p> <p>2.Use voice to navigate while cooking, swap ingredients, or ask for alternatives</p> <p>3.See timestamps and highlights pulled directly from the video</p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F91ye6vgh2med09rng76z.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F91ye6vgh2med09rng76z.png" alt=" " width="800" height="402"></a></p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fyvsvc5y3ky8v3hrq7v1h.PNG" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fyvsvc5y3ky8v3hrq7v1h.PNG" alt=" " width="800" height="417"></a></p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F96bjeyt3ufyjlkcw8ukx.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F96bjeyt3ufyjlkcw8ukx.png" alt=" " width="800" height="400"></a></p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fhgdmytbauvyyxtr09qco.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fhgdmytbauvyyxtr09qco.png" alt=" " width="800" height="400"></a></p> <ul> <li><p>Gemini 2.5 Pro: video-to-recipe analysis</p></li> <li><p>Gemini 2.5 Flash: Fast ingredient swaps and substitutions</p></li> <li><p>Gemini 2.5 Flash Audio Dialog: Real-time voice assistant with interruption handling</p></li> <li><p>Gemini 2.5 Flash Image: Step thumbnails and visual context</p></li> </ul> <p><strong>Example integration:</strong><br> </p> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>const videoPart = Part.fromUri(youtubeUrl, "video/youtube"); const result = await model.generateContent([recipePrompt, videoPart]); </code></pre> </div> <h2> Multimodal Features </h2> <ol> <li><p>Video Understanding: Extracts recipes, techniques, and timestamps directly from video.</p></li> <li><p>Voice Interaction: Hands-free step navigation, substitutions, and Q&amp;A while cooking.</p></li> <li><p>Visual Context: Uses rear camera for progress checks and guidance.</p></li> <li><p>Content Enhancement: AI suggests substitutions with correct ratios and roles (fat, acid, etc.).</p></li> <li><p>Cross-Modal Processing: Syncs video, audio, and text into structured, easy-to-follow recipes.</p></li> </ol> <h2> Bonus features </h2> <p>You can:</p> <ol> <li>save a recipe to come back later.</li> <li>Export a text/json file to share with other people. </li> </ol> <p><strong>Before CookFlow+:</strong> Cooking from YouTube meant constant pausing, ingredient confusion, and messy hands.<br> <strong>With CookFlow+:</strong> Recipes are clear, interactive, and adaptive—your kitchen becomes fully AI-assisted.</p> <blockquote> <p>dev.to username= "OtNotorious"</p> </blockquote> devchallenge googleaichallenge ai gemini