Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

Vibe Coding: The act of using only your voice in Cursor Composer to build apps, forgetting the code even exists Complete Video Tutorial Some people are skeptical about this new method of programming so why don't we build a ChatGPT clone with real time voice ( Andrej Karpathy 's...

rileybrown's profile picture

Riley Brown

216,055 subscribers

73,901 Aufrufe • vor 1 Jahr •via X (Twitter)

Wissenschaft & TechnologieBildung
LIVE

Anya Rossi• Live Now

Private livecam show

11 Kommentare

Profilbild von Ben Pielstick
Ben Pielstickvor 1 Jahr

@RayFernando1337 @karpathy I hope tools will now start to optimize around this workflow. What @karpathy said may become prophetic for the future of programming generally.

Profilbild von Wonderchat
Wonderchatvor 2 Jahren

Automate up to 70% of your customer support today. Save time and help your users find answers quickly. Try now at

Profilbild von Curtis Colbert
Curtis Colbertvor 1 Jahr

@karpathy This was hilarious to watch because I thought that I was unique in the way that I would speak with frustration and in rambling thoughts to cursor. I'm glad to know that is the norm!

Profilbild von Riley Brown
Riley Brownvor 1 Jahr

@karpathy Cursor just gets me 💅

Profilbild von El Capitano
El Capitanovor 1 Jahr

@karpathy Voice is the future of computer interaction 💻

Profilbild von Michael
Michaelvor 1 Jahr

@karpathy This is really cool, I am going to have try this. Thanks so much for the steps.

Profilbild von splash!
splash!vor 1 Jahr

@karpathy Built an amazing website today, thanks Riley!!

Profilbild von AI Expert Khalid
AI Expert Khalidvor 1 Jahr

@karpathy Vibe Coding sounds dope! Can't wait to see Cursor Composer handle voice commands

Profilbild von 𝐎𝐌𝐀𝐒𝐔
𝐎𝐌𝐀𝐒𝐔vor 1 Jahr

@karpathy Oh… I thought vibe coding was just coding with AI. When did it become voice directed? 👀

Profilbild von Trades Dont Lie
Trades Dont Lievor 1 Jahr

@karpathy How often does your local host crash or not reload ?

Profilbild von _
_vor 1 Jahr

@karpathy Vibe Coding: using AI to generate apps that anyone else can also generate, so you can never have a competitive advantage over other businesses.

Ähnliche Videos

Full Cursor Getting Started Beginners Guide You can build an AI wrapper in 30 minutes that uses ChatGPT and API, even if you've never written a line of code, ever. This was 7 total Cursor Composer Prompts. Many people got stuck while following along my recent videos so I wanted to slow it down make one for beginners. From Downloading Cursor to Deploying on Vercel Template link is pinned to this profile @senior_swc Time Stamps 00:00 No-Code App Building 01:00 Getting Started and Downloading Cursor 01:50 Downloading the Template 03:13 Intro to Cursor Composer 04:06 First Prompt Getting Template Set Up 05:05 First Prompt For Real adding ChatGPT api 08:46 Setting up ChatGPT API 10:46 Testing Chat Feature 13:40 Cursor Feature Overview 17:40 Now Lets Add Voice 21:27 Asking Composer to Deploy the app on Vercel
26:22

Full Cursor Getting Started Beginners Guide You can build an AI wrapper in 30 minutes that uses ChatGPT and API, even if you've never written a line of code, ever. This was 7 total Cursor Composer Prompts. Many people got stuck while following along my recent videos so I wanted to slow it down make one for beginners. From Downloading Cursor to Deploying on Vercel Template link is pinned to this profile @senior_swc Time Stamps 00:00 No-Code App Building 01:00 Getting Started and Downloading Cursor 01:50 Downloading the Template 03:13 Intro to Cursor Composer 04:06 First Prompt Getting Template Set Up 05:05 First Prompt For Real adding ChatGPT api 08:46 Setting up ChatGPT API 10:46 Testing Chat Feature 13:40 Cursor Feature Overview 17:40 Now Lets Add Voice 21:27 Asking Composer to Deploy the app on Vercel

Riley Brown

177,036 Aufrufe • vor 1 Jahr

OpenAI released Codex Mobile App Directly on ChatGPT Here's everything you need to know: 1. How to set it up 2. How to fully vibecode from Codex Mobile 3. How to control your computer with Codex Mobile 00:00 Setting Up Codex Mobile on ChatGPT 02:15 Changing Settings - Chats First 03:01 Voice Mode 04:05 Plugins and Skills 05:07 Notifications and Permissions 06:52 Flaws of Vibe Coding Out of the Box 07:13 Vibe Coding Skill (Yolo Mode w Vercel) 10:28 Using ChatGPT app as Full Vibe Coding Platform 12:15 Using ChatGPT to Control my computer 13:33 Where I put all my Agent Skills @chorusskills
14:21

OpenAI released Codex Mobile App Directly on ChatGPT Here's everything you need to know: 1. How to set it up 2. How to fully vibecode from Codex Mobile 3. How to control your computer with Codex Mobile 00:00 Setting Up Codex Mobile on ChatGPT 02:15 Changing Settings - Chats First 03:01 Voice Mode 04:05 Plugins and Skills 05:07 Notifications and Permissions 06:52 Flaws of Vibe Coding Out of the Box 07:13 Vibe Coding Skill (Yolo Mode w Vercel) 10:28 Using ChatGPT app as Full Vibe Coding Platform 12:15 Using ChatGPT to Control my computer 13:33 Where I put all my Agent Skills @chorusskills

Riley Brown

91,912 Aufrufe • vor 2 Monaten

Cursor Complete Guide for AI Coding... 1. The Basics, Composer, Cursor 2.0, Why use Cursor? 2. Multiple Agent Testing, Adding Database, Deploying to Vercel 3. Comparing the big 4: v0, Replit, Lovable, Cursor And more... with Senior Software Engineer Kehan Zhang TIME STAMPS --------------- 1. BASICS: 00:00 Introduction 01:01 Overview of Cursor and Its Features 01:47 Getting Started with Cursor 02:39 Understanding IDE and Vibe Coding 06:00 Cursor For Mobile Apps 10:26 Downloading and Installing Cursor 11:17 Creating and Managing Projects in Cursor 15:14 Building a Simple Game with Cursor 19:10 Advanced Features and Customization 40:28 Fixing Styling Rules 40:53 Redesigning the App 42:17 Exploring Cursor 2.0 Features 43:22 Setting Up the Project Structure 44:17 Adding and Testing Meme Templates 46:08 Debugging Text Issues 2. ADVANCED 49:46 Using Multiple Agents 01:10:40 Creating Custom Commands 01:14:15 Creating Commands in Settings Tab 01:15:11 Introduction to Instant DB 01:16:04 Setting Up Instant DB in Your Project 01:18:24 Building a Full Stack Application 01:19:04 Using the Agent to Plan and Build 01:26:06 Testing and Debugging the Application 01:53:02 Deploying the Application with Vercel 01:55:35 Setting Up the CLI 01:56:15 Understanding Command Line Interfaces (CLI) 01:57:32 Deploying Code to Vercel 01:58:07 Handling Environment Variables 01:58:44 Interacting with the Vercel Deployment 02:00:34 Exploring Cursor's Capabilities 3. COMPARING VIBE CODING TOOLS 02:09:48 Comparing Vibe Coding Tools 02:31:04 Final Thoughts and Recommendations
2:34:13

Cursor Complete Guide for AI Coding... 1. The Basics, Composer, Cursor 2.0, Why use Cursor? 2. Multiple Agent Testing, Adding Database, Deploying to Vercel 3. Comparing the big 4: v0, Replit, Lovable, Cursor And more... with Senior Software Engineer Kehan Zhang TIME STAMPS --------------- 1. BASICS: 00:00 Introduction 01:01 Overview of Cursor and Its Features 01:47 Getting Started with Cursor 02:39 Understanding IDE and Vibe Coding 06:00 Cursor For Mobile Apps 10:26 Downloading and Installing Cursor 11:17 Creating and Managing Projects in Cursor 15:14 Building a Simple Game with Cursor 19:10 Advanced Features and Customization 40:28 Fixing Styling Rules 40:53 Redesigning the App 42:17 Exploring Cursor 2.0 Features 43:22 Setting Up the Project Structure 44:17 Adding and Testing Meme Templates 46:08 Debugging Text Issues 2. ADVANCED 49:46 Using Multiple Agents 01:10:40 Creating Custom Commands 01:14:15 Creating Commands in Settings Tab 01:15:11 Introduction to Instant DB 01:16:04 Setting Up Instant DB in Your Project 01:18:24 Building a Full Stack Application 01:19:04 Using the Agent to Plan and Build 01:26:06 Testing and Debugging the Application 01:53:02 Deploying the Application with Vercel 01:55:35 Setting Up the CLI 01:56:15 Understanding Command Line Interfaces (CLI) 01:57:32 Deploying Code to Vercel 01:58:07 Handling Environment Variables 01:58:44 Interacting with the Vercel Deployment 02:00:34 Exploring Cursor's Capabilities 3. COMPARING VIBE CODING TOOLS 02:09:48 Comparing Vibe Coding Tools 02:31:04 Final Thoughts and Recommendations

Riley Brown

65,318 Aufrufe • vor 8 Monaten

Building a very useful app in 20 minutes that has - Deep Research (Perplexity) - Claude 3.7 Sonnet - YT Transcript API (SupaData) Without writing a single line of code With the latest Cursor update with web search and Claude 3.7 Sonnet, Vibe Coding got even more vibey. Timestamps: 00:00 Getting Started 00:57 Ideating with excalidraw 02:29 Opening Cursor Starting From Template 05:25 Perplexity Deep Research API and Claude API set up 10:18 OHHH NO AN ERROR! WHATEVER WILL I DO? 11:17 PERPLEXITY AND CLAUDE WORKED! 12:02 IMPROVING DESIGN 13:04 ADDING YOUTUBE TRANSCRIPT API 15:21 Redesign Concept with v0 17:07 This is what we created 19:42 Want to dive deeper into vibe coding?
20:20

Building a very useful app in 20 minutes that has - Deep Research (Perplexity) - Claude 3.7 Sonnet - YT Transcript API (SupaData) Without writing a single line of code With the latest Cursor update with web search and Claude 3.7 Sonnet, Vibe Coding got even more vibey. Timestamps: 00:00 Getting Started 00:57 Ideating with excalidraw 02:29 Opening Cursor Starting From Template 05:25 Perplexity Deep Research API and Claude API set up 10:18 OHHH NO AN ERROR! WHATEVER WILL I DO? 11:17 PERPLEXITY AND CLAUDE WORKED! 12:02 IMPROVING DESIGN 13:04 ADDING YOUTUBE TRANSCRIPT API 15:21 Redesign Concept with v0 17:07 This is what we created 19:42 Want to dive deeper into vibe coding?

Riley Brown

84,875 Aufrufe • vor 1 Jahr

Without writing a single line of code... Using Cursor, I built a Perplexity Clone that thinks, using Deepseek reasoner. As promised i'm Open Sourcing this project and I will put the link below. Time Stamps: ---------------- 00:00 Introduction to Perplexity Clone 01:54 Setting Up the Project in Cursor using @senior_swc Template 03:03 Integrating DeepSeek API 04:18 Testing the Initial Setup 04:42 Tavily API for Web Search 07:23 Fixing Stuff 09:27 Improving the User Interface 12:59 Finalizing the Functionality 15:08: Cloning Perplexities Sources Section 17:50 Final Result 18:50 Why I built this app, and what i'm doing with it -----------------
21:31

Without writing a single line of code... Using Cursor, I built a Perplexity Clone that thinks, using Deepseek reasoner. As promised i'm Open Sourcing this project and I will put the link below. Time Stamps: ---------------- 00:00 Introduction to Perplexity Clone 01:54 Setting Up the Project in Cursor using @senior_swc Template 03:03 Integrating DeepSeek API 04:18 Testing the Initial Setup 04:42 Tavily API for Web Search 07:23 Fixing Stuff 09:27 Improving the User Interface 12:59 Finalizing the Functionality 15:08: Cloning Perplexities Sources Section 17:50 Final Result 18:50 Why I built this app, and what i'm doing with it -----------------

Riley Brown

618,562 Aufrufe • vor 1 Jahr

Everyone is talking about Vibe Coding (Using AI to Create Apps Only using AI) This is the most Comprehensive Guide for Vibe Coding with Cursor (By Far) 250 Minutes, All the vibe code basics of cursor, plus 4 Projects in one video! This is how I, as someone who has never written a line of code, approach building apps (every day). Part 1A Intro to Cursor, Composer, and some basics --------------------- 00:00 Intro 03:41 Downloading Cursor 06:09 What the hell is Composer? 10:47 A Note on Context and Keeping Composer Threads Small 11:38 Simple Desings with Cursor Composer From Blank Project 14:04 Editing a Simple Animation With Cursor Composer 16:35 Setting Up The Voice to Talk to Cursor Composer Whispr Flow 17:54 Lets an Early 2000's Landing Page Part 1B AI Image Generator --------------------- 23:59 Using the GitHub Template to Create a NextJS App 26:43 Template is Open, Let's Edit it 28:55 Drawing Out My Idea With Whimsical 30:11 First Prompt Using Place Holders For Image Generation 32:10 Accept All Vs Save All and Restoring in Composer (Saving your work) 33:54 Adding AI Feature (Brief Teaser, Deep Dive Later) 35:15 What is an API 37:22 Perplexity the best place to learn about API's 40:21 Api keys and running prompt for first AI Feature 42:48 Debugging, Woohoo! Learn to love this :) 43:20 Inspect - Console, In Browser Debugging Hack 48:02 AI Image Generation Works! Lets add more Part 2: Landing Page ---------------------- 51:03 Pause and Reflect, What have we done so far? 53:41 Plan for rest of video 54:34 Ok Let's Talk about (1) Designs 56:19 GitHub is like --sref for those who do image gen 58:20 Starting Cursor project from a GitHub Repo we found on Perplexity 01:00:48 Yolo Mode... Wtf is that? 01:02:38 Inspecting GitHub Repo's Examples, to use in our landing page 01:02:58 The Project We're making - A landing page 01:03:56 Landing Page from Screenshot 01:06:17 Making Changes to Landing Page 01:11:42 Making a more epic section 01:13:42 The Essence of Vibe Coding 01:15:17 Creating Cool Testimonials Section From Screenshot 01:18:18 Deploy to Vercel! But First New Repo on GitHub 01:20:45 Ok it's on GitHub... Now lets do vercel 01:21:17 Untechnical Explanation of what Vercel is Lol 01:24:18 Connecting Custom Domain (Bought on Name Cheap) To Vercel Deployment Part 3: App With Database and Authentication ---------------------- 01:27:59 Recap and Prep For The Bigger Project! 01:35:13 Getting Started from Template (Again) 01:38:52 Setting Up Database and Authentication (Firebase) 01:44:01 Back To Cursor, Let's Set up The Auth in the app 01:48:35 Switching to mermaid because compatibility issues 01:51:13 Using AI (Claude) to Generate Mermaid Diagrams 01:52:19 Adding Docs to Cursor to use AI Features over and over again 01:54:38 Let's Troubleshoot 01:56:10 Adding View Button and EDIT WITH AI 02:01:45 AI Diagram Edit Feature is DOPE 02:03:17 Using Search Feature on Cursor to find text in Codebase 02:05:55 Lets add ability to save these to Database 02:09:33 What does saved to Google Firebase even mean? 02:13:00 We can Export as PDF! 02:15:48 GitHub and Vercel Again! 02:17:27 Vercel with CLI From Cursor 02:20:52 Setting Vercel Domain as an Authorized Domain 02:27:34 How To Learn More
2:28:16

Everyone is talking about Vibe Coding (Using AI to Create Apps Only using AI) This is the most Comprehensive Guide for Vibe Coding with Cursor (By Far) 250 Minutes, All the vibe code basics of cursor, plus 4 Projects in one video! This is how I, as someone who has never written a line of code, approach building apps (every day). Part 1A Intro to Cursor, Composer, and some basics --------------------- 00:00 Intro 03:41 Downloading Cursor 06:09 What the hell is Composer? 10:47 A Note on Context and Keeping Composer Threads Small 11:38 Simple Desings with Cursor Composer From Blank Project 14:04 Editing a Simple Animation With Cursor Composer 16:35 Setting Up The Voice to Talk to Cursor Composer Whispr Flow 17:54 Lets an Early 2000's Landing Page Part 1B AI Image Generator --------------------- 23:59 Using the GitHub Template to Create a NextJS App 26:43 Template is Open, Let's Edit it 28:55 Drawing Out My Idea With Whimsical 30:11 First Prompt Using Place Holders For Image Generation 32:10 Accept All Vs Save All and Restoring in Composer (Saving your work) 33:54 Adding AI Feature (Brief Teaser, Deep Dive Later) 35:15 What is an API 37:22 Perplexity the best place to learn about API's 40:21 Api keys and running prompt for first AI Feature 42:48 Debugging, Woohoo! Learn to love this :) 43:20 Inspect - Console, In Browser Debugging Hack 48:02 AI Image Generation Works! Lets add more Part 2: Landing Page ---------------------- 51:03 Pause and Reflect, What have we done so far? 53:41 Plan for rest of video 54:34 Ok Let's Talk about (1) Designs 56:19 GitHub is like --sref for those who do image gen 58:20 Starting Cursor project from a GitHub Repo we found on Perplexity 01:00:48 Yolo Mode... Wtf is that? 01:02:38 Inspecting GitHub Repo's Examples, to use in our landing page 01:02:58 The Project We're making - A landing page 01:03:56 Landing Page from Screenshot 01:06:17 Making Changes to Landing Page 01:11:42 Making a more epic section 01:13:42 The Essence of Vibe Coding 01:15:17 Creating Cool Testimonials Section From Screenshot 01:18:18 Deploy to Vercel! But First New Repo on GitHub 01:20:45 Ok it's on GitHub... Now lets do vercel 01:21:17 Untechnical Explanation of what Vercel is Lol 01:24:18 Connecting Custom Domain (Bought on Name Cheap) To Vercel Deployment Part 3: App With Database and Authentication ---------------------- 01:27:59 Recap and Prep For The Bigger Project! 01:35:13 Getting Started from Template (Again) 01:38:52 Setting Up Database and Authentication (Firebase) 01:44:01 Back To Cursor, Let's Set up The Auth in the app 01:48:35 Switching to mermaid because compatibility issues 01:51:13 Using AI (Claude) to Generate Mermaid Diagrams 01:52:19 Adding Docs to Cursor to use AI Features over and over again 01:54:38 Let's Troubleshoot 01:56:10 Adding View Button and EDIT WITH AI 02:01:45 AI Diagram Edit Feature is DOPE 02:03:17 Using Search Feature on Cursor to find text in Codebase 02:05:55 Lets add ability to save these to Database 02:09:33 What does saved to Google Firebase even mean? 02:13:00 We can Export as PDF! 02:15:48 GitHub and Vercel Again! 02:17:27 Vercel with CLI From Cursor 02:20:52 Setting Vercel Domain as an Authorized Domain 02:27:34 How To Learn More

Riley Brown

367,311 Aufrufe • vor 1 Jahr

VIBE CODING TUTORIAL: Creating a Viral Meme Mobile App Without Any Coding in 20 minutes! You can now build multi-step AI workflows on a drag and drop platform, and then connect that workflow to your vibe coded mobile app, in a single cursor prompt. This only scratches the surface on the different workflows you can create like this. IN THIS VIDEO 00:00 Intro 00:36 Overview: MultiStep AI Backend on GLIF 01:33 Using Glif as an API 03:49 The backend for our app 04:36 Structured Outputs (Important for Vibe Coding, skip if you know what these are) 06:40 Image Workflow for the meme 08:34 Let's Protototype on 11:09 Setting this up with Cursor 18:40 Testing with
19:37

VIBE CODING TUTORIAL: Creating a Viral Meme Mobile App Without Any Coding in 20 minutes! You can now build multi-step AI workflows on a drag and drop platform, and then connect that workflow to your vibe coded mobile app, in a single cursor prompt. This only scratches the surface on the different workflows you can create like this. IN THIS VIDEO 00:00 Intro 00:36 Overview: MultiStep AI Backend on GLIF 01:33 Using Glif as an API 03:49 The backend for our app 04:36 Structured Outputs (Important for Vibe Coding, skip if you know what these are) 06:40 Image Workflow for the meme 08:34 Let's Protototype on 11:09 Setting this up with Cursor 18:40 Testing with

Riley Brown

58,068 Aufrufe • vor 1 Jahr

I BUILT A CURSOR WRAPPER: USING CURSOR WITHOUT WRITING A SINGLE LINE OF CODE FULL VIDEO BELOW: I've been talking to hundreds of people who refuse to try cursor because of how scary the interface is. And fair enough. Terminal, Composer, Agent, Commands... It can be scary. This is why people are using other web based tools to create apps. Which is awesome! But after about 12 prompts, they seem to stop working effectively. Meanwhile, with Cursor you can create MASSIVE projects without coding perfectly fine, for days or weeks. So I got some ideas. I took it upon myself to build a new front end to Cursor, using Cursor without writing one line of code. 00:00 - INTRO 01:29 - LET'S START BY ASKING COMPOSER 15:01 - TESTING THE APP
21:48

I BUILT A CURSOR WRAPPER: USING CURSOR WITHOUT WRITING A SINGLE LINE OF CODE FULL VIDEO BELOW: I've been talking to hundreds of people who refuse to try cursor because of how scary the interface is. And fair enough. Terminal, Composer, Agent, Commands... It can be scary. This is why people are using other web based tools to create apps. Which is awesome! But after about 12 prompts, they seem to stop working effectively. Meanwhile, with Cursor you can create MASSIVE projects without coding perfectly fine, for days or weeks. So I got some ideas. I took it upon myself to build a new front end to Cursor, using Cursor without writing one line of code. 00:00 - INTRO 01:29 - LET'S START BY ASKING COMPOSER 15:01 - TESTING THE APP

Riley Brown

166,368 Aufrufe • vor 1 Jahr

Is Claude Code Better Than Cursor? This video is a crystal clear explanation on what makes Claude Code different than Cursor, Codex and Windsurf. A classic whiteboard conversation! Next time he's on the pod (soon) he's going to build an app from scratch that will blow your mind. TIMESTAMPS: 00:00 Intro to Claude Code 00:28 Why Claude Code Is Best 02:38 Comparing Cursor, Windsurf & Claude Code 07:41 Using Claude Code with Other IDEs 12:41 Future of AI Coding Tools & Claude’s SDK 19:58 Integrating Codex with Chat GPT 21:14 Best AI Code Review Tools (Devon, CodeRabbit 26:49 Building an App with Claude Code (Step-by-Step) 35:32 Future Plans
37:07

Is Claude Code Better Than Cursor? This video is a crystal clear explanation on what makes Claude Code different than Cursor, Codex and Windsurf. A classic whiteboard conversation! Next time he's on the pod (soon) he's going to build an app from scratch that will blow your mind. TIMESTAMPS: 00:00 Intro to Claude Code 00:28 Why Claude Code Is Best 02:38 Comparing Cursor, Windsurf & Claude Code 07:41 Using Claude Code with Other IDEs 12:41 Future of AI Coding Tools & Claude’s SDK 19:58 Integrating Codex with Chat GPT 21:14 Best AI Code Review Tools (Devon, CodeRabbit 26:49 Building an App with Claude Code (Step-by-Step) 35:32 Future Plans

Riley Brown

115,613 Aufrufe • vor 1 Jahr

Vibe Coding with Codex - Complete Guide Build a Web App, Desktop App & iOS App with Codex + GPT‑5.5 (No Coding Needed, Beginner Friendly) In this video you will learn: > Vibe Coding Basics + Vocab > How to build a web app using Codex > Add db, auth + storage with Firebase > Github Basics > Add AI Features (API's) > Deploy to internet (Vercel) > Convert Web App into Desktop app & iOS App Chapters 00:00 Intro 01:12 Setting up Codex 01:57 The basics of Vibe Coding and Codex 02:20 Projects, Files, App 03:45 Example App - Microsoft Paint 04:25 Running app locally 06:39 Save My Code - Use Github 10:37 Quick Review before building app 12:24 Building a web app - The Prompt 15:32 Creating Web App Project 16:34 Explaining Firebase (Database, Storage, Auth) 18:42 Setting up Firebase Project 22:54 Prompting Codex to build our app 24:49 Inspect Element - Console 26:24 Verify Data being Stored in Database 27:51 Making Changes to App 31:29 Fixing Storage Permissions with Codex 32:20 GPT API - Adding AI to our app 36:20 Making more changes using screenshots 39:02 Queuing vs Steering 40:23 Deploying our app to Vercel (App on Internet) 43:09 Convert web app to desktop app and iOS app 47:15 Web App and Desktop App work Now 48:36 Now let's run the iOS app 50:27 All three apps work! 51:11 Making Changes to iOS app 52:51 Testing agent skill feature of our app 53:55 Summary of what we did
55:24

Vibe Coding with Codex - Complete Guide Build a Web App, Desktop App & iOS App with Codex + GPT‑5.5 (No Coding Needed, Beginner Friendly) In this video you will learn: > Vibe Coding Basics + Vocab > How to build a web app using Codex > Add db, auth + storage with Firebase > Github Basics > Add AI Features (API's) > Deploy to internet (Vercel) > Convert Web App into Desktop app & iOS App Chapters 00:00 Intro 01:12 Setting up Codex 01:57 The basics of Vibe Coding and Codex 02:20 Projects, Files, App 03:45 Example App - Microsoft Paint 04:25 Running app locally 06:39 Save My Code - Use Github 10:37 Quick Review before building app 12:24 Building a web app - The Prompt 15:32 Creating Web App Project 16:34 Explaining Firebase (Database, Storage, Auth) 18:42 Setting up Firebase Project 22:54 Prompting Codex to build our app 24:49 Inspect Element - Console 26:24 Verify Data being Stored in Database 27:51 Making Changes to App 31:29 Fixing Storage Permissions with Codex 32:20 GPT API - Adding AI to our app 36:20 Making more changes using screenshots 39:02 Queuing vs Steering 40:23 Deploying our app to Vercel (App on Internet) 43:09 Convert web app to desktop app and iOS app 47:15 Web App and Desktop App work Now 48:36 Now let's run the iOS app 50:27 All three apps work! 51:11 Making Changes to iOS app 52:51 Testing agent skill feature of our app 53:55 Summary of what we did

Riley Brown

145,584 Aufrufe • vor 2 Monaten

He made a 44 minute guide on Vibe Coding... w/ Claude Opus 4.5 It explains EVERY single term you need to understand to get started Vibe Coding high quality apps Whether you use Claude Code, Lovable or bolt.new This video will explain every term you need to understand to build apps... without writing a single line of code. And you can follow along for FREE using Claude Opus 4.5 (Instructions in thread👇) TERMS: 00:00 Introduction 01:18 Prompt 03:03 Front End 03:33 Backend 04:55 Context 06:06 Authentication & Database 08:15 API 10:03 Image Assets 11:43 Sound Assets 15:05 Agent 17:42 Agent Skills 20:00 Queue 22:47 Preview & Hot Reloads 23:28 Clear Context 24:56 Error 26:14 Debugging 26:29 Logs 28:58 Schema 29:28 Table 31:10 Seed Data 32:52 Environment Variables 34:44 Third Party API 35:07 Webhook 38:48 Deployment 39:43 Hosting 40:41 Domain 41:20 SaaS
43:40

He made a 44 minute guide on Vibe Coding... w/ Claude Opus 4.5 It explains EVERY single term you need to understand to get started Vibe Coding high quality apps Whether you use Claude Code, Lovable or bolt.new This video will explain every term you need to understand to build apps... without writing a single line of code. And you can follow along for FREE using Claude Opus 4.5 (Instructions in thread👇) TERMS: 00:00 Introduction 01:18 Prompt 03:03 Front End 03:33 Backend 04:55 Context 06:06 Authentication & Database 08:15 API 10:03 Image Assets 11:43 Sound Assets 15:05 Agent 17:42 Agent Skills 20:00 Queue 22:47 Preview & Hot Reloads 23:28 Clear Context 24:56 Error 26:14 Debugging 26:29 Logs 28:58 Schema 29:28 Table 31:10 Seed Data 32:52 Environment Variables 34:44 Third Party API 35:07 Webhook 38:48 Deployment 39:43 Hosting 40:41 Domain 41:20 SaaS

Chorus Marketing Agent

95,530 Aufrufe • vor 5 Monaten

Using the 6 best Vibe Coding Tools AT THE SAME TIME Without writing a single line of code @lovable_dev - Landing Page bolt.new - Writing App w/ AI chat Replit ⠕ - To-Do List App Cursor - AI Image Tool (figma + ai gen) @windsurf - Perplexity v0 - Portfolio I didn't have a plan beyond this. I just wanted to know what it felt like to vibe code using 6 tools at once. This is simply an exploration. (This is not a tutorial lol) ------------------------------- 00:00 Intro / Plan 00:46 First Prompt for 6 apps 03:20 Most of "Coding" was already copy and paste 10:48 Start Round 2 (Prompt 2) 15:41 Round 3 Prompting 27:42 "The chicken that i generated" 28:30 "Its fine we're creating 6 projects at once" 29:43 "Gotta Leave one Booyah in There" 33:55 "You Know what Lovable, Respect, it looks horrid, but you're on the right track" 35:51 "Bolt, Don't exactly listen to me, but like, mostly listen to me" 39:12 "v0 we're in it, you know it's not horrible, it's bad" 40:47 Bolt, you dawg!!! well done 43:39 Windsurf Web Search is Working! 50:29 Downloading v0 as zip and putting into cursor 55:14 What I made in this session
59:21

Using the 6 best Vibe Coding Tools AT THE SAME TIME Without writing a single line of code @lovable_dev - Landing Page bolt.new - Writing App w/ AI chat Replit ⠕ - To-Do List App Cursor - AI Image Tool (figma + ai gen) @windsurf - Perplexity v0 - Portfolio I didn't have a plan beyond this. I just wanted to know what it felt like to vibe code using 6 tools at once. This is simply an exploration. (This is not a tutorial lol) ------------------------------- 00:00 Intro / Plan 00:46 First Prompt for 6 apps 03:20 Most of "Coding" was already copy and paste 10:48 Start Round 2 (Prompt 2) 15:41 Round 3 Prompting 27:42 "The chicken that i generated" 28:30 "Its fine we're creating 6 projects at once" 29:43 "Gotta Leave one Booyah in There" 33:55 "You Know what Lovable, Respect, it looks horrid, but you're on the right track" 35:51 "Bolt, Don't exactly listen to me, but like, mostly listen to me" 39:12 "v0 we're in it, you know it's not horrible, it's bad" 40:47 Bolt, you dawg!!! well done 43:39 Windsurf Web Search is Working! 50:29 Downloading v0 as zip and putting into cursor 55:14 What I made in this session

Riley Brown

79,821 Aufrufe • vor 1 Jahr

CLAUDE + CURSOR + REPLIT = MAGIC (FULL VIDEO TUTORIAL) You can now write create complex web apps with just english (No copy - paste) using the BEST AI Code generation tool on the market - Cursor. The only problem with cursor for a coding beginner like me, is that its not that easy to deploy web apps. Well, Replit ⠕ makes deploying web apps and creating templates incredibly easy. In this video goes over how to sync Cursor and Replit. And then using our new template we made an AI version of Trello by Atlassian in like 6 or 7 cursor composer prompts. --------------------- In this video: 00:00 - Intro 04:08 - Syncing Cursor and Replit 07:40 - setting up Firebase 10:27 - Using Cursor and Replit to Create Trello Front End 19:41 - Setting up Backend API endpoint (we will make dedicated video on this soon w/template) 21:09 - Adding AI features to Trello!
27:19

CLAUDE + CURSOR + REPLIT = MAGIC (FULL VIDEO TUTORIAL) You can now write create complex web apps with just english (No copy - paste) using the BEST AI Code generation tool on the market - Cursor. The only problem with cursor for a coding beginner like me, is that its not that easy to deploy web apps. Well, Replit ⠕ makes deploying web apps and creating templates incredibly easy. In this video goes over how to sync Cursor and Replit. And then using our new template we made an AI version of Trello by Atlassian in like 6 or 7 cursor composer prompts. --------------------- In this video: 00:00 - Intro 04:08 - Syncing Cursor and Replit 07:40 - setting up Firebase 10:27 - Using Cursor and Replit to Create Trello Front End 19:41 - Setting up Backend API endpoint (we will make dedicated video on this soon w/template) 21:09 - Adding AI features to Trello!

Riley Brown

309,183 Aufrufe • vor 1 Jahr

The end of coding? *Epic* conversation with Guillermo Rauch of Vercel on vibe coding, MCP, agents and building products in the AI era. (00:00) - Intro: Guillermo's Story (02:08) - What is v0 and Why Did It Take Off So Fast? (04:10) - Building a hit product with < people (07:51) - Cursor, Replit, etc: v0 vs Other AI Coding Tools (10:35) - Everyone can cook - What is Vibe Coding? (17:05) - Is v0 Just Frontend? Moving Toward Full Stack 19:40 - How to Become a Great Vibe Coder (23:35) - A GUI for AI: The Future of Interfaces (29:46) - Developer Love vs Agent Love (33:41) - The Importance of Taste in the AI Era (39:10) - MCP: The Protocol for AI-to-AI Communication (43:11) - Security and the Risks of Agentic Web (45:25) - Are Enterprises Ready for the Agentic Future? (49:42) - Building a Data Flywheel (56:06) - The Vercel AI Cloud: From Pixels to Tokens (1:10:14) - Adapting to a Non-Developer Persona (1:13:47) - Retention, Margins, and the Business of AI (1:16:51) - The Secret Behind Vercel Last Year Growth (1:24:15) - The importance of Online Presence (1:30:49) - Everything, Everywhere, All at Once: Keeping your Sanity as a CEO (1:34:59) - Guillermo's Advice to Younger Self
1:45:40

The end of coding? *Epic* conversation with Guillermo Rauch of Vercel on vibe coding, MCP, agents and building products in the AI era. (00:00) - Intro: Guillermo's Story (02:08) - What is v0 and Why Did It Take Off So Fast? (04:10) - Building a hit product with < people (07:51) - Cursor, Replit, etc: v0 vs Other AI Coding Tools (10:35) - Everyone can cook - What is Vibe Coding? (17:05) - Is v0 Just Frontend? Moving Toward Full Stack 19:40 - How to Become a Great Vibe Coder (23:35) - A GUI for AI: The Future of Interfaces (29:46) - Developer Love vs Agent Love (33:41) - The Importance of Taste in the AI Era (39:10) - MCP: The Protocol for AI-to-AI Communication (43:11) - Security and the Risks of Agentic Web (45:25) - Are Enterprises Ready for the Agentic Future? (49:42) - Building a Data Flywheel (56:06) - The Vercel AI Cloud: From Pixels to Tokens (1:10:14) - Adapting to a Non-Developer Persona (1:13:47) - Retention, Margins, and the Business of AI (1:16:51) - The Secret Behind Vercel Last Year Growth (1:24:15) - The importance of Online Presence (1:30:49) - Everything, Everywhere, All at Once: Keeping your Sanity as a CEO (1:34:59) - Guillermo's Advice to Younger Self

Matt Turck

86,153 Aufrufe • vor 1 Jahr

Klarna CEO Sebastian Siemiatkowski never learned how to code. But after a summer using Cursor, he now brings working prototypes to meetings instead of asking engineers to interpret his ideas: “Because I'm not an engineer, I've been vibe coding my whole life.” “I come into the meeting room, there's tons of product people and engineers. I say, ‘I think we should build an app that kind of does this, and it should work like that.’ They try to make sense of what is saying.” “I've never seen the code. I don't know how they made it. It's beautiful, I like our app. I think it's nice but, I don't know how it works.” “So to me, I've been vibe coding for 20 years. The only difference is now I'm sitting with a computer, and I'm doing it with AI and it's coming back with the prototype in 20 minutes.”
3:02

Klarna CEO Sebastian Siemiatkowski never learned how to code. But after a summer using Cursor, he now brings working prototypes to meetings instead of asking engineers to interpret his ideas: “Because I'm not an engineer, I've been vibe coding my whole life.” “I come into the meeting room, there's tons of product people and engineers. I say, ‘I think we should build an app that kind of does this, and it should work like that.’ They try to make sense of what is saying.” “I've never seen the code. I don't know how they made it. It's beautiful, I like our app. I think it's nice but, I don't know how it works.” “So to me, I've been vibe coding for 20 years. The only difference is now I'm sitting with a computer, and I'm doing it with AI and it's coming back with the prototype in 20 minutes.”

sourcery

149,352 Aufrufe • vor 6 Monaten

How to build an iOS app that uses the best AI image generator... IN UNDER 37 minutes. And get it on the Apple App Store... With Zero Coding... STACK: 1. New web app for vibecode 2. Ideogram New Character Generation Feature 3. FAL API 4. Claude 4 Sonnet and GPT-5 for coding TIMESTAMPS: 00:00 Intro 00:51 Setting Up the AI Prompt 01:12 Understanding and Using APIs 03:47 First Prompt on the vibecode website 08:04 Ideogram Works Now! 08:24 Changes we want to make to the app 12:25 Aspect Ratio of Thumbnails, FIXED! 15:23 Generating and Reviewing Thumbnails 16:36 Implementing New Features 19:52 Final Adjustments before App Store Submission 21:18 The Apps Final Form 22:42 Shipping our app to the app store Video with Muhammad Zulali
26:56

How to build an iOS app that uses the best AI image generator... IN UNDER 37 minutes. And get it on the Apple App Store... With Zero Coding... STACK: 1. New web app for vibecode 2. Ideogram New Character Generation Feature 3. FAL API 4. Claude 4 Sonnet and GPT-5 for coding TIMESTAMPS: 00:00 Intro 00:51 Setting Up the AI Prompt 01:12 Understanding and Using APIs 03:47 First Prompt on the vibecode website 08:04 Ideogram Works Now! 08:24 Changes we want to make to the app 12:25 Aspect Ratio of Thumbnails, FIXED! 15:23 Generating and Reviewing Thumbnails 16:36 Implementing New Features 19:52 Final Adjustments before App Store Submission 21:18 The Apps Final Form 22:42 Shipping our app to the app store Video with Muhammad Zulali

Riley Brown

52,563 Aufrufe • vor 11 Monaten

NEW VIBE CODING TUTORIAL: 15 Hidden Features, Tips, and Settings for v0 the AI platform by Vercel 00:00 Feature 1: Design Mode 00:33 Video overview 01:05 Feature 2: One-Click Deploy 01:33 Feature 3: Prompt Enhancement 02:12 Feature 4: Use of Modern Frameworks 03:10 Feature 5: Visual Editor 03:57 Feature 6: Code Visibility 04:47 Feature 7: Co-builder 05:13 Feature 8: Built-in Version Control 06:04 Feature 9: GitHub Integration 06:45 Feature 10: Database Integrations 07:39 Feature 11: Secure API Key Management 08:20 Feature 12: Screenshot to App 08:48 Feature 13: Easy Export Options 09:21 Feature 14: Starter Templates 09:49 Feature 15: Vercel AI frameworks 10:28 Who is v0 best for?
12:44

NEW VIBE CODING TUTORIAL: 15 Hidden Features, Tips, and Settings for v0 the AI platform by Vercel 00:00 Feature 1: Design Mode 00:33 Video overview 01:05 Feature 2: One-Click Deploy 01:33 Feature 3: Prompt Enhancement 02:12 Feature 4: Use of Modern Frameworks 03:10 Feature 5: Visual Editor 03:57 Feature 6: Code Visibility 04:47 Feature 7: Co-builder 05:13 Feature 8: Built-in Version Control 06:04 Feature 9: GitHub Integration 06:45 Feature 10: Database Integrations 07:39 Feature 11: Secure API Key Management 08:20 Feature 12: Screenshot to App 08:48 Feature 13: Easy Export Options 09:21 Feature 14: Starter Templates 09:49 Feature 15: Vercel AI frameworks 10:28 Who is v0 best for?

Avthar

22,958 Aufrufe • vor 11 Monaten

This guy literally broke down everything to build a 21 agent dev team in Claude Code: 0:00 - Why one prompt = AI slop 1:55 - Claude Code as your full startup 2:43 - The 21-agent team 4:57 - Inside the system analyst agent 5:52 - Live demo: 0 → TestFlight 8:42 - Define a "good" system analyst first 11:53 - The system analyst workflow 12:17 - Why Confluence + Jira + MCPs matter 15:30 - Classic PM skills > vibe coding 19:15 - The scaffolding that kills spaghetti code 22:10 - Setting up agents inside Claude Code 26:19 - The longest dictation prompt this podcast has seen 35:29 - Why dictation beats typing for AI specs 47:30 - Brand guidelines in Figma Make 55:59 - Idea → prompt → design → app 1:06:27 - Claude Code builds the Figma screens 1:23:59 - Frontend tickets appear in Jira (with Figma links) 1:48:49 - The hockey rules AI app goes live 1:53:56 - Full recap: Claude, Confluence, Figma, Jira, Simulator, TestFlight 2:03:17 - Should PMs get AI PM certificates? 2:08:15 - How to build a PM portfolio that lands FAANG offers 2:13:25 - How to get started this week
2:15:18

This guy literally broke down everything to build a 21 agent dev team in Claude Code: 0:00 - Why one prompt = AI slop 1:55 - Claude Code as your full startup 2:43 - The 21-agent team 4:57 - Inside the system analyst agent 5:52 - Live demo: 0 → TestFlight 8:42 - Define a "good" system analyst first 11:53 - The system analyst workflow 12:17 - Why Confluence + Jira + MCPs matter 15:30 - Classic PM skills > vibe coding 19:15 - The scaffolding that kills spaghetti code 22:10 - Setting up agents inside Claude Code 26:19 - The longest dictation prompt this podcast has seen 35:29 - Why dictation beats typing for AI specs 47:30 - Brand guidelines in Figma Make 55:59 - Idea → prompt → design → app 1:06:27 - Claude Code builds the Figma screens 1:23:59 - Frontend tickets appear in Jira (with Figma links) 1:48:49 - The hockey rules AI app goes live 1:53:56 - Full recap: Claude, Confluence, Figma, Jira, Simulator, TestFlight 2:03:17 - Should PMs get AI PM certificates? 2:08:15 - How to build a PM portfolio that lands FAANG offers 2:13:25 - How to get started this week

Aakash Gupta

178,026 Aufrufe • vor 2 Monaten

Updated: Vocals & Rap - #성화 #Seonghwa 00:00 Still Here 00:15 Wonderland 00:36 Halazia 00:47 Answer 01:21 Cyberpunk 01:27 Wave 01:37 Utopia 01:50 My Way 02:00 With U 02:16 Be With You 02:54 Star 1117 03:21 Turbulence (야간비행) 03:39 Days 04:26 Promise 04:38 Fever 04:54 Sunrise 05:19 Mist 05:43 Take Me Home 06:11 Better 06:34 All About You 06:43 Aurora 06:55 Blue Summer 07:23 Diamond 07:46 Time Of Love 07:58 Stay 08:07 Desire 08:21 WDIG 08:28 New World 08:35 Dreamers 08:53 Not Too Late 09:03 The Letter 09:19 One Day At A Time 09:28 Dazzling Light 09:40 Light 09:50 The Ring 10:04 Paradigm 10:18 This World 10:38 Bouncy 10:51 Not Okay 11:15 The King 11:23 Inception 11:52 Fireworks 12:03 Limitless 12:19 Precious 12:28 Rocky 12:41 Let’s Get Together 13:07 White Love 13:17 The Leaders 13:27 Crazy Form 13:43 Arriba 13:57 Silver Light 14:06 Dreamy Day 14:26 Matz 15:15 Outlaw 15:23 Twilight 15:31 Dune 15:38 Hala Hala 15:43 Deja Vu 15:50 Horizon 15:54 Say My Name 15:57 Sector 1 16:02 Good Lil Boy 16:09 Don’t Stop 16:12 Still Here (Acoustic Ver) 16:19 Siren 16:31 Guerrilla 16:45 We Know 17:00 Empty Box 17:28 Wake Up 17:40 Dancing Like Butterfly Wings 17:49 Work 18:09 Thanxx 18:26 If Without U 18:45 Shaboom 19:01 Outlaw 19:18 Treasure 19:33 Eternal Sunshine 20:03 Django 20:31 Turbulence Japanese Ver. 20:55 Blind 21:16 Pirate King 21:24 Forevermore 22:00 Birthday 22:11 Deep Dive 22:26 Ice On My Teeth 22:50 Man On Fire 23:10 Selfish Waltz 23:25 Enough
23:39

Updated: Vocals & Rap - #성화 #Seonghwa 00:00 Still Here 00:15 Wonderland 00:36 Halazia 00:47 Answer 01:21 Cyberpunk 01:27 Wave 01:37 Utopia 01:50 My Way 02:00 With U 02:16 Be With You 02:54 Star 1117 03:21 Turbulence (야간비행) 03:39 Days 04:26 Promise 04:38 Fever 04:54 Sunrise 05:19 Mist 05:43 Take Me Home 06:11 Better 06:34 All About You 06:43 Aurora 06:55 Blue Summer 07:23 Diamond 07:46 Time Of Love 07:58 Stay 08:07 Desire 08:21 WDIG 08:28 New World 08:35 Dreamers 08:53 Not Too Late 09:03 The Letter 09:19 One Day At A Time 09:28 Dazzling Light 09:40 Light 09:50 The Ring 10:04 Paradigm 10:18 This World 10:38 Bouncy 10:51 Not Okay 11:15 The King 11:23 Inception 11:52 Fireworks 12:03 Limitless 12:19 Precious 12:28 Rocky 12:41 Let’s Get Together 13:07 White Love 13:17 The Leaders 13:27 Crazy Form 13:43 Arriba 13:57 Silver Light 14:06 Dreamy Day 14:26 Matz 15:15 Outlaw 15:23 Twilight 15:31 Dune 15:38 Hala Hala 15:43 Deja Vu 15:50 Horizon 15:54 Say My Name 15:57 Sector 1 16:02 Good Lil Boy 16:09 Don’t Stop 16:12 Still Here (Acoustic Ver) 16:19 Siren 16:31 Guerrilla 16:45 We Know 17:00 Empty Box 17:28 Wake Up 17:40 Dancing Like Butterfly Wings 17:49 Work 18:09 Thanxx 18:26 If Without U 18:45 Shaboom 19:01 Outlaw 19:18 Treasure 19:33 Eternal Sunshine 20:03 Django 20:31 Turbulence Japanese Ver. 20:55 Blind 21:16 Pirate King 21:24 Forevermore 22:00 Birthday 22:11 Deep Dive 22:26 Ice On My Teeth 22:50 Man On Fire 23:10 Selfish Waltz 23:25 Enough

Hwanakin

62,764 Aufrufe • vor 1 Jahr

"Any feature we release, a competitor could release within two weeks." Matan Grinberg (Factory) on why the moat isn't software anymore. dsa (LiveKit) on building the framework for voice, video, and physical AI. George Sivulka (@HebbiaAI) on what it takes to win in vertical AI. They join @jason on This Week in AI, Episode 11: 00:00 Intro & AGI debate 03:30 Factory: autonomy for software engineering 04:29 LiveKit: open source to ChatGPT voice 10:31 Hebbia: AI for capital markets 13:21 SpaceX-Cursor $60 billion deal breakdown 26:28 Moats in the age of vibe coding 38:10 Deterministic agents vs. open chaos 45:56 DeepSeek V4 01:05:23 OpenAI's spend problem 01:12:08 P-doom scores
1:13:42

"Any feature we release, a competitor could release within two weeks." Matan Grinberg (Factory) on why the moat isn't software anymore. dsa (LiveKit) on building the framework for voice, video, and physical AI. George Sivulka (@HebbiaAI) on what it takes to win in vertical AI. They join @jason on This Week in AI, Episode 11: 00:00 Intro & AGI debate 03:30 Factory: autonomy for software engineering 04:29 LiveKit: open source to ChatGPT voice 10:31 Hebbia: AI for capital markets 13:21 SpaceX-Cursor $60 billion deal breakdown 26:28 Moats in the age of vibe coding 38:10 Deterministic agents vs. open chaos 45:56 DeepSeek V4 01:05:23 OpenAI's spend problem 01:12:08 P-doom scores

This Week in AI

102,902 Aufrufe • vor 2 Monaten