Live coding in Antigravity: Building a Second Brain app ⚡️

In this live stream, I take Google's new agentic IDE, Antigravity, for a spin to build a critical feature for my "Second Brain" application, Sophia. Join me as we live code Safari and Chrome browser extensions from scratch, using AI agents to plan, architect, and implement the solution.

We dive deep into the entire development workflow, moving from high-level planning to debugging real-world issues like Content Security Policy (CSP) errors and Firebase authentication. You’ll see firsthand how an agentic IDE can accelerate development, handling tasks like project analysis, code generation, and even iterative bug fixing.

In this video, we cover:
Project Planning with AI: Using Antigravity to analyze the existing codebase (Swift/iOS & TypeScript/Firebase) and architect a cross-browser extension strategy.
Building Extensions: Implementing Safari and Chrome extensions to save URLs and simplified article content directly to Firestore.
Real-Time Debugging: Solving authentication challenges and switching from Google Sign-In to Email/Password auth to resolve CSP conflicts.
Enhancing Functionality: Integrating Mozilla’s Readability library to extract and clean web content for the app.
Workflow Insights: A look at the "planning" vs. "fast" modes in Antigravity and managing source control with AI-generated commits.

Tools & Technologies:
Google Antigravity (VS Code-based Agentic IDE)
Firebase (Firestore, Authentication, Cloud Functions)
TypeScript & Vite for Browser Extensions
Swift & Xcode (for the Mac host app integration)
Mozilla Readability

00:00 - Intro & Stream Setup
05:11 - Demo: Sophia "Second Brain" App (iOS)
08:43 - The Challenge: Missing Desktop Workflow
14:15 - Exploring the Antigravity IDE & Setup
20:40 - Agentic AI: Analyzing the Project Structure
23:45 - Feature Planning with AI Agents
27:42 - Reviewing the Generated Implementation Plan
38:44 - Testing the Chrome Extension
47:25 - Debugging Auth & CSP Errors
57:31 - Implementing the Safari Web Extension
01:12:49 - Configuring Safari Developer Settings
01:21:39 - Fixing Firestore Data & ID Issues
01:36:06 - Adding Content Extraction (Mozilla Readability)
01:40:54 - Final Demo: Chrome & Safari Extensions
01:44:21 - AI-Generated Commit Messages & Wrap Up

#SwiftLang #iOSDev #Firebase #MobileDevelopment #Firestore #antigravity #vibecoding

Intro music by @YoungElya and @klaws.mp3