Vibe Coding 7 AI Models in One App

🕵️‍♂️ Build your own powerful AI agents here: https://mrc.fm/agentsbuild

In this video, I show you how to vibe code the ultimate solution to drowning in a sea of unorganized links: a custom AI Scrapbook app built from scratch. Using Lovable to rapidly design a beautiful, minimalist interface and Supabase for storage, I demonstrate how to connect a supercharged Zapier agent that orchestrates seven different AI models including Grok for X posts, Perplexity for research, Nano Banana for images, and ElevenLabs for audio summaries. I’ll walk you through the entire process of building this multi model backend, allowing you to simply drop a URL into your app and watch as it automatically generates titles, detailed summaries, custom artwork, and voice notes, creating a perfectly curated and searchable library of your digital life.

00:00 The Link Overload Problem
00:25 Building the UI with Lovable
01:13 Setting up the Supabase Database
02:36 Creating the AI Agent in Zapier
03:32 Adding Logic: Grok, Claude & Perplexity
04:59 Adding Multimedia: Nano Banana & ElevenLabs
05:41 Connecting the Postgres Database
06:40 The "Master Prompt" Workflow
07:18 Live Test: Processing an X Post
09:23 Vibe Coding the Results Grid
10:08 Fixing the YouTube Workflow
11:53 Testing a Blog Post
13:04 Adding Real-Time Search
13:50 Conclusion & The Full Stack