Summary
Highlights
The video introduces a competition between a 'vibe coder' (Riley Brown) and a senior iOS developer (Vishall Dwey) to clone Granola, a $250 million AI note-taking app. Each participant has five prompts and can only use AI tools. The clone needs to record audio, transcribe it, provide an AI summary, sync with the calendar, and organize notes into folders. A voting system is set up for viewers, with a prize of $1,000 in credits for three random voters.
Vishall Dwey, the senior iOS developer, outlines his stack: Swift, Xcode, and Claude Code. He begins by setting up an Xcode project named 'Cereal.' He demonstrates how Claude Code is initialized in his terminal, giving it access to view and edit files within the project directory. His first prompt aims to integrate calendar functionality, audio recording, transcription, and AI summarization, leaving folders for later.
Claude Code begins generating the app's architecture and integrating features using native iOS frameworks like EventKit and AV audio recorder. After the first prompt, the app fails to build due to two errors: a guard body must not fall through and an optional chaining on a non-optional value. Vishall uses his second prompt to fix these errors, submitting both error messages to Claude Code for resolution.
After clearing derived data, Vishall's app successfully builds. It prompts for calendar, microphone, and speech recognition access. He demonstrates adding a calendar event ("Podcast with Riley") and then records audio within the app. The transcription works using Apple's native speech-to-text, but the AI summary fails due to a missing OpenAI API key, which he then adds.
Riley, the vibe coder, introduces his stack: Vibe Code, using the mobile app, and Opus 4.1. He strategically avoids calendar integration in his first prompt, focusing on voice recording, transcription, AI summaries, and folder creation, believing calendar will be the hardest. He drafts a detailed prompt emphasizing core functionality and future calendar integration.
After his second prompt (fixing a render error and permanent loading issue), Riley's app successfully records audio, transcribes it using Whisper, and generates an AI summary. The UI appears clean with a toggle between transcript and summary. He notes the app has folders, but he hasn't tested them yet, and points out the recording animation is simple.
For his third prompt, Vishall focuses on adding folder functionality, improving the UI by displaying both transcription and summary on the detail page, and allowing multiple recordings per event. He also requests a plus button to start new recordings. He worries about model confusion with the new data structure for events and recordings.
While Vishall's app processes, Riley uses his third prompt to tackle calendar integration. He requests that the app display all calendar events, automatically create a 30-minute calendar event for new recordings, and allow users to click on existing calendar events to record notes for them, specifically instructing the AI to use Expo calendar documentation.
After a long processing time, Claude Code finishes Vishall's third prompt, implementing folder organization, multiple recordings, and an enhanced detail view. The app builds, but the folder functionality isn't working as expected; events can be assigned to folders, but the filter doesn't apply. He also still has a double bottom sheet UI issue.
Riley uses his fourth prompt to fix a render error with calendar events, improve the recording animation, and enable multiple recordings per event/meeting. Despite some visual glitches, the app builds and successfully records multiple follow-up meetings within an event, with proper transcripts and summaries. He feels confident with his app's progress.
For his fifth and final prompt, Vishall addresses a build error (redeclaration of transcription error), requests the use of OpenAI Whisper for speech-to-text, and asks for UI improvements to make the app more fun and colorful while maintaining intuitiveness. He emphasizes that the app must work and look good or the effort is a failure.
Both apps are now complete. Riley's app (Oatmeal) features working calendar integration, multiple recordings, a simple recording UI, and functional folders. Vishall's app (Cereal) boasts a detailed calendar view, improved UI, and successful whisper integration, though some folder functionality is still flawed. They encourage viewers to vote on which app is better, considering functionality, design, and user experience.