# Vibe Coding 7 AI Models in One App Source: https://www.youtube.com/watch?v=htqaaLDcNk0 Recap page: https://rapidrecap.app/video/htqaaLDcNk0 Generated: 2025-12-03T15:05:35.28+00:00 --- ## Quick Overview The creator successfully built and demonstrated an AI agent called "AI Scrappbook" using Zapier Agents that orchestrates seven different AI tools (Zapier Webhooks, YouTube, Grok by xAI, Anthropic Claude, Perplexity, Google AI Studio/Gemini, and ElevenLabs) via a single webhook trigger to scrape, enrich, categorize, generate an image, and create an audio summary for any provided link, storing all resulting data in a PostgreSQL database. **Key Points:** - The AI agent, named "AI Scrappbook," was built using Zapier Agents to process any provided link through a multi-step AI workflow. - The workflow successfully integrates seven distinct AI tools: Zapier Webhooks (as the trigger), YouTube, Grok by xAI, Anthropic Claude, Perplexity, Google AI Studio/Gemini, and ElevenLabs. - The agent handles different link types conditionally: using Grok for X/Twitter links, Perplexity for YouTube videos, and Perplexity again for general articles/blogs. - The process culminates in generating a title, summary, image URL, audio URL (via ElevenLabs), and category tag (via ChatGPT) before saving all data to a connected PostgreSQL database via a 'New Row' action. - The initial test with a YouTube link completed successfully in 7 activities, utilizing 7 tools, while a subsequent X/Twitter link test failed due to issues with the YouTube tool being called unnecessarily. - The creator added a feature to display saved links in a modern grid layout with subtle shadows and rounded corners, and implemented a search bar that filters by title, description, category, and URL in real-time. - The final agent is a powerful, fully integrated AI orchestration tool capable of automating content summarization and enrichment from various web sources. ![Screenshot at 00:24: The creator inputs the prompt into the Lovable interface to initiate the creation of the 'AI Scrappbook' application, detailing its required features like a URL input field and a 'Scrap It!' button.](https://ss.rapidrecap.app/screens/htqaaLDcNk0/00-00-24.png) **Context:** The video demonstrates the creation and testing of a complex, multi-tool AI agent within the Zapier Agents platform, designed to automate content enrichment from various web sources like YouTube and X (Twitter). The creator, Mike Russell, uses a single webhook trigger to initiate a chain of AI actions, showcasing the platform's ability to connect diverse AI services (LLMs, image generation, text-to-speech) into a cohesive workflow for content curation. ## Detailed Analysis The video documents the development of a sophisticated AI agent named "AI Scrappbook" using Zapier Agents. The agent is triggered by a Zapier Catch Raw Hook webhook, which feeds it a URL. The instructions dictate a multi-step process: first, analyze the URL source to determine its origin. Second, conditional AI processing occurs: if the link is from X (.com or .twitter.com), Grok by xAI analyzes the post; if it's a YouTube link, Perplexity researches the content for a summary; and for all other links, Perplexity reads the webpage for a summary. This initial summary is then fed to Anthropic Claude to generate a succinct summary. Third, multimedia summaries are created: Google AI Studio (Gemini) generates a relevant image, and ElevenLabs converts the text summary into a 30-second audio highlight. Finally, ChatGPT analyzes the original link and summary to assign a relevant category tag (e.g., 'Technology', 'Productivity'), and all resulting data (title, summary, image URL, audio URL, category) is added as a new row to a PostgreSQL database connected via Zapier. The creator successfully tested this workflow, confirming the use of 7 AI tools (including the database insertion) in the successful run. Finally, the creator added UI enhancements, including a search bar for filtering saved links and a grid view for displaying the scraped content cards with audio play buttons. ### Agent Setup & Trigger - The agent is configured to trigger via a Zapier Catch Raw Hook, receiving a URL as input - The agent's mission is defined as processing the link through a suite of AI tools and sending the enriched data back to Lovable via PostgreSQL. ### AI Tool Orchestration - The workflow conditionally uses Grok (for X links), Perplexity (for YouTube/articles), Claude (for summarizing), Google AI Studio/Gemini (for image generation), ElevenLabs (for audio), ChatGPT (for categorization), and PostgreSQL (for storage) - All tools are added and configured within the agent settings. ### Testing and Results - The first test with a YouTube link successfully executed 7 activities, resulting in a complete record in the PostgreSQL database with all enriched fields present - A second test using an X link failed initially because the workflow incorrectly tried to use the YouTube tool. ### UI Enhancements - The creator added a feature to display saved links in a modern card grid format with subtle shadows and rounded corners - A real-time search bar was implemented to filter links by title, description, category, and URL. ### Final Touches - The creator added an audio play button to each card to play the generated audio summary URL, toggling between play/pause states, and confirmed the search functionality works correctly. ![Screenshot at 00:02: Zapier tweet prompting the need for AI solutions, which the creator addresses by building an agent.](https://ss.rapidrecap.app/screens/htqaaLDcNk0/00-00-02.png) ![Screenshot at 00:10: The creator configures the YouTube tool within Zapier, showing the available actions like 'Find Video'.](https://ss.rapidrecap.app/screens/htqaaLDcNk0/00-00-10.png) ![Screenshot at 00:27: The initial prompt given to Lovable to create the 'AI Scrappbook' application, specifying a minimalist design and a link input field.](https://ss.rapidrecap.app/screens/htqaaLDcNk0/00-00-27.png) ![Screenshot at 01:17: The step where the creator connects the agent to the pre-existing PostgreSQL database within the Lovable configuration.](https://ss.rapidrecap.app/screens/htqaaLDcNk0/00-01-17.png) ![Screenshot at 04:45: The agent's instructions explicitly detailing the conditional logic for using Grok, Perplexity, Claude, Google AI Studio, ElevenLabs, ChatGPT, and PostgreSQL.](https://ss.rapidrecap.app/screens/htqaaLDcNk0/00-04-45.png)