Creating a Vibe-Friendly AI Chat App with GPT-4 Image and Claude
In this video, we walk you through the creation of a unique AI chat application using the new GPT-4 Image model and a Cursor. We'll style the app with a Studio Ghibli-inspired aesthetic, add interactive features like a notes panel and music play button, and troubleshoot errors along the way. Join us as we bring 'Vibe Chat' to life, ensuring a smooth and visually appealing user experience.
00:00 Introduction to the GPT-4 Vision Model
00:42 Creating a Claude Clone
02:09 Designing the User Interface with Cursor
02:09 Setting Up the Base Template
04:22 Customizing the Aesthetics
07:03 Designing the Sidebar
08:37 Creating and Adding Icons / Logos
09:30 Finalizing the Logo
12:56 Adding Notepad and Music Features
14:37 Testing and Refining Features
15:39 Final Touches and Adjustments
16:25 Vibe Chat Overview
Choose to Build with AI
Matched to AI App Builder
AI Maker Residence 3
The third AI workshop taught by our legendary teacher, Nick Sarafa. This is a full-day hands-on training workshop for purposeful co-creation with AI using Claude Code.
Imagine having access to hundreds of billions of dollars of computing power and knowing exactly how to make it work for you through the power of super intelligence.
◆ Fri 09 Oct 2026◆ KOKO Cafe, London◆ With Nick Sarafa