Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

Wow... Claude Code might kill the entire Saas market He built his own PersonalOS with 5 functional apps in 19 minutes. The Apps: > LinkTree > X Video Downloader > Tally > Bear Note > AI Content Writer All Built using Claude Code w Opus 4.5 inside the vibecode.dev...

learn2vibe's profile picture

Vibecoding Explained

41,791 subscribers

52,722 Aufrufe • vor 7 Monaten •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

oh my... People need to wake up to Claude Code w/ Opus 4.5 He just rebuilt a $1.2 BILLION app in 30 minutes. All on without writing code. Timestamps 00:00 Intro 00:58 Planning My App Build 03:08 Tool we're using 04:58 Prompt for my app 07:34 Fix Video Upload 08:40 Testing Version 1 10:13 Changing Color Themes 15:00 Adding Hover Effect 17:58 Adding Google Images API
25:33

oh my... People need to wake up to Claude Code w/ Opus 4.5 He just rebuilt a $1.2 BILLION app in 30 minutes. All on without writing code. Timestamps 00:00 Intro 00:58 Planning My App Build 03:08 Tool we're using 04:58 Prompt for my app 07:34 Fix Video Upload 08:40 Testing Version 1 10:13 Changing Color Themes 15:00 Adding Hover Effect 17:58 Adding Google Images API

Vibecode

1,119,429 Aufrufe • vor 7 Monaten

In 16 minutes we vibe coded a Web App and a Mobile App.... That share a backend Using Claude Code inside the Without writing a single line of code. App we built: instagram, except all the other users are AI agents that can post, like and comment. 00:00 Introduction 00:33 Starting with the Web App 01:08 First Prompt and Initial Setup 01:43 Authentication Process 02:49 Adding APIs and Enhancements 03:59 Testing the Web App 05:04 Redesigning the Web App 05:59 The Importance of Understanding Databases 07:20 Adding AI Agents 08:44 Setting Up the Admin Panel 10:02 Speeding Up Time for Testing 11:14 Finalizing the Web App 13:24 Building the Mobile App 16:11 Final Thoughts
16:39

In 16 minutes we vibe coded a Web App and a Mobile App.... That share a backend Using Claude Code inside the Without writing a single line of code. App we built: instagram, except all the other users are AI agents that can post, like and comment. 00:00 Introduction 00:33 Starting with the Web App 01:08 First Prompt and Initial Setup 01:43 Authentication Process 02:49 Adding APIs and Enhancements 03:59 Testing the Web App 05:04 Redesigning the Web App 05:59 The Importance of Understanding Databases 07:20 Adding AI Agents 08:44 Setting Up the Admin Panel 10:02 Speeding Up Time for Testing 11:14 Finalizing the Web App 13:24 Building the Mobile App 16:11 Final Thoughts

Riley Brown

68,207 Aufrufe • vor 6 Monaten

Claude Code is the best coding agent AND general agent in the world. Let's talk about: - Setting up Claude Code - Using it as a general agent (Research + Content) - Claude Code + Obsidian - Building and deploying web apps Vercel GitHub - Database + Auth Firebase TIMESTAMPS: 00:00 Intro 00:44 Installing Claude Code 03:39 Creating Folders and Text Files 04:35 Using Claude Code as a Content Research Agent with Obsidian 18:06 Review: It's a general agent, that can control your cpu 19:02 Building Apps with Claude Code 21:36 Bypassing Permissions (Dangerously) 22:45 Creating a landing page 25:08 Setting up and "Saving" to GitHub 30:27 Deploying to Vercel 32:32 Building a web app with auth and db (Firebase) 35:03 Setting up Firebase 38:58 Our Web App With Auth Works! 42:55 You can add your own domain
44:36

Claude Code is the best coding agent AND general agent in the world. Let's talk about: - Setting up Claude Code - Using it as a general agent (Research + Content) - Claude Code + Obsidian - Building and deploying web apps Vercel GitHub - Database + Auth Firebase TIMESTAMPS: 00:00 Intro 00:44 Installing Claude Code 03:39 Creating Folders and Text Files 04:35 Using Claude Code as a Content Research Agent with Obsidian 18:06 Review: It's a general agent, that can control your cpu 19:02 Building Apps with Claude Code 21:36 Bypassing Permissions (Dangerously) 22:45 Creating a landing page 25:08 Setting up and "Saving" to GitHub 30:27 Deploying to Vercel 32:32 Building a web app with auth and db (Firebase) 35:03 Setting up Firebase 38:58 Our Web App With Auth Works! 42:55 You can add your own domain

Riley Brown

208,106 Aufrufe • vor 1 Jahr

How to VibeCode a Viral Mobile App that Replaces Photoshop in 18 Minutes Using: - Replicate - Flux-Kontext (Better than GPT Image Edit Model) - Paul Jankura Claude 4 Sonnet - vibecode.dev Zero Coding Required Time Stamps: 00:00 - Introduction 00:39 - Planning on Replicate Playground 03:11 - Creating the Design Whimsical for sketch 04:16 - Building the app with vibecode.dev 07:41 - Step 3 Adding the AI functionality 07:58 - Getting the Flux Kontext Playground Code 09:19 - Getting API Key for Replicate (keep secret) 10:38 - Dealing with Error 11:14 - Using Replicate Logs to debug 15:30 - Adding Share Features 17:03 - Ok, This is the app we created 17:28 - How to Access vibecode.dev right now
18:11

How to VibeCode a Viral Mobile App that Replaces Photoshop in 18 Minutes Using: - Replicate - Flux-Kontext (Better than GPT Image Edit Model) - Paul Jankura Claude 4 Sonnet - vibecode.dev Zero Coding Required Time Stamps: 00:00 - Introduction 00:39 - Planning on Replicate Playground 03:11 - Creating the Design Whimsical for sketch 04:16 - Building the app with vibecode.dev 07:41 - Step 3 Adding the AI functionality 07:58 - Getting the Flux Kontext Playground Code 09:19 - Getting API Key for Replicate (keep secret) 10:38 - Dealing with Error 11:14 - Using Replicate Logs to debug 15:30 - Adding Share Features 17:03 - Ok, This is the app we created 17:28 - How to Access vibecode.dev right now

Riley Brown

43,243 Aufrufe • vor 1 Jahr

Claude Code is not just a coding tool. It can also be used as a general agent in a "workspace" Let's create an "Agent Workspace" for Claude Code, and we're going to create 5 skills including: > Notion for context > Typefully for posting on X > Nano Banana for generating graphics We're going to do all this in a safe web environment on , the easiest way to use Claude Code on the browser or your phone. (Web app builder launching in 24hrs) TIMESTAMPS: 00:00 Intro 00:59 The Agent Workspace on 01:28 Adding a notion skill + Integration 07:23 Testing Notion Integration 08:17 Creating Tasks in the dashboard 09:19 Testing Tasks in the UI 13:40 Testing Multiple tasks at once 14:20 Creating Twitter Posts Panel (Typefully API) 15:44 Prompting for the nano banana skill 16:59 Testing Typefully and nano banana tasks 18:22 Let's check if typefully and nano banana work 19:54 Almost had a heart attack lol 20:59 figuring out typefully inssues 21:26 Creating "Twitter-Post-Skill" 22:23 All the Skills a Breakdown 23:37 It Works!!!!!
25:11

Claude Code is not just a coding tool. It can also be used as a general agent in a "workspace" Let's create an "Agent Workspace" for Claude Code, and we're going to create 5 skills including: > Notion for context > Typefully for posting on X > Nano Banana for generating graphics We're going to do all this in a safe web environment on , the easiest way to use Claude Code on the browser or your phone. (Web app builder launching in 24hrs) TIMESTAMPS: 00:00 Intro 00:59 The Agent Workspace on 01:28 Adding a notion skill + Integration 07:23 Testing Notion Integration 08:17 Creating Tasks in the dashboard 09:19 Testing Tasks in the UI 13:40 Testing Multiple tasks at once 14:20 Creating Twitter Posts Panel (Typefully API) 15:44 Prompting for the nano banana skill 16:59 Testing Typefully and nano banana tasks 18:22 Let's check if typefully and nano banana work 19:54 Almost had a heart attack lol 20:59 figuring out typefully inssues 21:26 Creating "Twitter-Post-Skill" 22:23 All the Skills a Breakdown 23:37 It Works!!!!!

Riley Brown

77,582 Aufrufe • vor 7 Monaten

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

147,144 Aufrufe • vor 3 Monaten

Who Can Build a Better Astrology iOS App? A Vibe Coder or Senior iOS Engineer? We both shipped to the app store by the end of the video. TOPICS: - Image Generation for design - API Integrations (ElevenLabs, OpenAI) - Using AI to make onboarding flow - Haptics, Streaming - New vibecode.dev interface TIME STAMPS: 00:00 Intro 01:07 What app we're trying to build today 03:19 Prompting Claude Code on Phone to Build a Mobile App 05:34 Competition Begins 06:06 Adding Images / Icons to your app 08:51 Generating Sounds to put in Mobile App 11:11 Adding Sound Effects and API integrations 12:56 Adding the Generated Assets to the App 14:49 Riley Copied Muhammad's Onboarding 23:15 Sharing my vibecode app 24:04 Sound in Muhammads App 24:45 Rileys App Streams 26:04 Why Copying is true religion 27:36 FINAL PROMPT
34:19

Who Can Build a Better Astrology iOS App? A Vibe Coder or Senior iOS Engineer? We both shipped to the app store by the end of the video. TOPICS: - Image Generation for design - API Integrations (ElevenLabs, OpenAI) - Using AI to make onboarding flow - Haptics, Streaming - New vibecode.dev interface TIME STAMPS: 00:00 Intro 01:07 What app we're trying to build today 03:19 Prompting Claude Code on Phone to Build a Mobile App 05:34 Competition Begins 06:06 Adding Images / Icons to your app 08:51 Generating Sounds to put in Mobile App 11:11 Adding Sound Effects and API integrations 12:56 Adding the Generated Assets to the App 14:49 Riley Copied Muhammad's Onboarding 23:15 Sharing my vibecode app 24:04 Sound in Muhammads App 24:45 Rileys App Streams 26:04 Why Copying is true religion 27:36 FINAL PROMPT

Riley Brown

23,096 Aufrufe • vor 9 Monaten

We cloned an app that does $300M/yr... Using AI (Zero Coding) With (Founding Engineer at ) TIMESTAMPS 00:00 Intro 01:01 Setting Up the Competition 04:54 First Prompt in the 05:07 Generating Assets & Icons 08:07 Implementing Vibe Features 11:56 Oh My God that Song is Fire 22:06 API Integrations (OpenAI ) 27:36 Half Time and Feedback on the App 34:46 App Design and Aesthetic Improvements 35:50 Voice Customization and API Integration 40:21 Creating Onboarding with AI 41:53 Final Adjustments and Testing 56:15 Rileys App Final 59:52 Vishals App Walkthrough
1:05:41

We cloned an app that does $300M/yr... Using AI (Zero Coding) With (Founding Engineer at ) TIMESTAMPS 00:00 Intro 01:01 Setting Up the Competition 04:54 First Prompt in the 05:07 Generating Assets & Icons 08:07 Implementing Vibe Features 11:56 Oh My God that Song is Fire 22:06 API Integrations (OpenAI ) 27:36 Half Time and Feedback on the App 34:46 App Design and Aesthetic Improvements 35:50 Voice Customization and API Integration 40:21 Creating Onboarding with AI 41:53 Final Adjustments and Testing 56:15 Rileys App Final 59:52 Vishals App Walkthrough

Riley Brown

59,063 Aufrufe • vor 9 Monaten

Data Models - Better AI Code in 5 Minutes Your AI isn't consistent because you're missing one file. I had the same problem until I started using a data model file. In this video, I'm showing you the exact two prompts I use: one generates the data model, the second uses it to generate features without breaking my app. Testing this with AnimeLeak (my actual production app) adding an admin approval feature. Using Droid with Sonnet 4.5 in spec mode, but this works in Cursor, Claude, or whatever you're using. KEY TIMESTAMPS 00:00 - The One File Your AI is Missing 00:44 - Prompt 1: Generate a Data Model 01:12 - The Result: Data Model Documentation 02:12 - Prompt 2: Implement a New Feature 03:00 - Reviewing the AI-Generated Spec 04:17 - Why This Workflow is So Powerful 04:32 - Your 3-Step Action Plan 05:12 - Next Video: Live Code Generation
5:30

Data Models - Better AI Code in 5 Minutes Your AI isn't consistent because you're missing one file. I had the same problem until I started using a data model file. In this video, I'm showing you the exact two prompts I use: one generates the data model, the second uses it to generate features without breaking my app. Testing this with AnimeLeak (my actual production app) adding an admin approval feature. Using Droid with Sonnet 4.5 in spec mode, but this works in Cursor, Claude, or whatever you're using. KEY TIMESTAMPS 00:00 - The One File Your AI is Missing 00:44 - Prompt 1: Generate a Data Model 01:12 - The Result: Data Model Documentation 02:12 - Prompt 2: Implement a New Feature 03:00 - Reviewing the AI-Generated Spec 04:17 - Why This Workflow is So Powerful 04:32 - Your 3-Step Action Plan 05:12 - Next Video: Live Code Generation

Ray Fernando

15,479 Aufrufe • vor 10 Monaten

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,665 Aufrufe • vor 1 Jahr

The fastest way to clone a multi million dollar mobile app with Cursor (And Add Multiple AI Features) Here's what I did: 1. Prototype on phone 2. Add Whisper for Voice Recording + GPT4o Image 3. Export to Cursor 4. Make Changes on Cursor while testing on phone 5. Add Perplexity API for research Timestamps 00:00 Intro 00:23 ChatGPT for Design Description 00:43 Prototype in vibecode.dev 01:16 Uh oh, we got an error, let's fix 02:55 Note Details Page Works! Let's go 04:16 Adding AI Generated Thumbnails with gpt4o Image model 06:15 Moving Prototype to Cursor 08:15 Making Changes to app with Cursor 11:21 Adding Perplexity Research to the App
14:35

The fastest way to clone a multi million dollar mobile app with Cursor (And Add Multiple AI Features) Here's what I did: 1. Prototype on phone 2. Add Whisper for Voice Recording + GPT4o Image 3. Export to Cursor 4. Make Changes on Cursor while testing on phone 5. Add Perplexity API for research Timestamps 00:00 Intro 00:23 ChatGPT for Design Description 00:43 Prototype in vibecode.dev 01:16 Uh oh, we got an error, let's fix 02:55 Note Details Page Works! Let's go 04:16 Adding AI Generated Thumbnails with gpt4o Image model 06:15 Moving Prototype to Cursor 08:15 Making Changes to app with Cursor 11:21 Adding Perplexity Research to the App

Riley Brown

95,984 Aufrufe • vor 1 Jahr

Let's build a Deepseek Wrapper (Mobile App) without writing a single line of code! Everyone is talking about building web apps with AI, but no one is talking about building mobile apps. This video tutorial and @senior_swc template (built by ) will help you get starting building an app on iOS. This is react native so it's also compatible with Android and Web (But we will cover this in a future video). The point of this video is to get some experience in the simulator and to start building an app. In a video, soon, we will take the app we've built, test it on our phone, and put it on Test-Flight! (Without writing ANY code!) Just a warning: The DeepSeek API has been tough to rely on. So I decided to add Gemini into my app as a backup, which you can do as well (with any AI model) The code for template is on the next tweet. Timestamps: 00:00 Introduction 01:35 Setting Up Xcode and iPhone Simulator 02:29 Downloading and Configuring Cursor 04:10 Forking the Template and Initial Setup 06:10 Implementing Authentication with Clerk 08:23 Adding DeepSeek API and Testing 13:35 Enhancing the App with SupaData API 19:00 Using the Serp API to fetch video links 23:00 Figuring things out 27:30 Woohoo!!! Perplexitube Shout out to Galaxies-dev on GitHub, who's repo (chatgpt-clone-react-native), we very helpful in building this template quickly.
28:54

Let's build a Deepseek Wrapper (Mobile App) without writing a single line of code! Everyone is talking about building web apps with AI, but no one is talking about building mobile apps. This video tutorial and @senior_swc template (built by ) will help you get starting building an app on iOS. This is react native so it's also compatible with Android and Web (But we will cover this in a future video). The point of this video is to get some experience in the simulator and to start building an app. In a video, soon, we will take the app we've built, test it on our phone, and put it on Test-Flight! (Without writing ANY code!) Just a warning: The DeepSeek API has been tough to rely on. So I decided to add Gemini into my app as a backup, which you can do as well (with any AI model) The code for template is on the next tweet. Timestamps: 00:00 Introduction 01:35 Setting Up Xcode and iPhone Simulator 02:29 Downloading and Configuring Cursor 04:10 Forking the Template and Initial Setup 06:10 Implementing Authentication with Clerk 08:23 Adding DeepSeek API and Testing 13:35 Enhancing the App with SupaData API 19:00 Using the Serp API to fetch video links 23:00 Figuring things out 27:30 Woohoo!!! Perplexitube Shout out to Galaxies-dev on GitHub, who's repo (chatgpt-clone-react-native), we very helpful in building this template quickly.

Riley Brown

128,580 Aufrufe • vor 1 Jahr

You can design iOS apps that look like they were designed by Apple... Without writing a single line of code. Here are the 7 Tips (With Prompts) for creating apps that look professionally designed by Apple, using Native iOS UI Components. With @anshnanda_ who has 10 years of experience building iOS apps. TIMESTAMPS: 00:00 Intro 00:24 Advantages of Native Apps vs Web Apps 01:51 Create Boring ToDo List App on vibecode.dev 04:02 Tip 1: Header Transition 05:19 Tip 2: Context Menu 06:55 Tip 3: Bottom Bar 08:48 Tip 4: Bottom Sheet / Modal 09:59 "Snap Points" 10:51 Tip 5 and 6: Date Pickers and Time Pickers 13:01 Tip 7: Haptics
17:36

You can design iOS apps that look like they were designed by Apple... Without writing a single line of code. Here are the 7 Tips (With Prompts) for creating apps that look professionally designed by Apple, using Native iOS UI Components. With @anshnanda_ who has 10 years of experience building iOS apps. TIMESTAMPS: 00:00 Intro 00:24 Advantages of Native Apps vs Web Apps 01:51 Create Boring ToDo List App on vibecode.dev 04:02 Tip 1: Header Transition 05:19 Tip 2: Context Menu 06:55 Tip 3: Bottom Bar 08:48 Tip 4: Bottom Sheet / Modal 09:59 "Snap Points" 10:51 Tip 5 and 6: Date Pickers and Time Pickers 13:01 Tip 7: Haptics

Riley Brown

57,089 Aufrufe • vor 9 Monaten

The Codex Super-App (Full Beginners Guide) The All Purpose Interface for AI Agents Part 1: Codex Basics Install Codex, Projects, Chats, Documents, Plugins, Custom Skills, Automations Part 2: Multitasking with Codex - iOS App Designs - Build an iOS App - Landing Page - Launch Video - Investor Deck - Social Media Automation TIMESTAMPS: Part 1: Codex Basics 00:00 Intro 02:54 Downloading Codex 03:20 Overview of Codex interface 03:56 Chats, Prompting, & Built in Search 04:53 Creating Projects 07:37 Creating Spreadsheet 09:43 How Files are stored and mentioned within projects 10:42 Quick Codex Overview 12:47 Search (CMD G) and Folder Organization 14:29 Skills and Plugins 16:29 Using Calendar Plugin 18:07 Creating Automations on Codex 19:18 Learn about Plugins (Figma) 21:37 Built in Image Gen 22:37 MCP Example (Paper for Design) 24:17 Opening Chats in mini-window 25:26 Steering vs Queueing the Agent 27:35 Creating Own Skill with API's 31:34 Using YouTube Researcher Skill (That we created) 33:24 Creating Automation with your custom skill Part 2: Multitasking (More chaotic and fun) 35:27 Part 2 Multitasking: Building iOS App, Web App, Investor Deck, Launch Video, Mobile Designs, and Automated X Posts 37:54 Creating Project 38:31 Planning my 6 Projects 40:25 Mobile Design Skill 41:47 Setting up iOS App 45:08 Implementing Desings into Mobile app 46:13 Creating a landing page that collects user info 46:45 Tally for form submission (Great for lead magnets) 49:43 Organizing and Renaming Chats for multitasking 52:12 Database for Mobile App (Supabase) 53:19 Generating app icons 54:08 Launch Video (Remotion) 59:32 Remotion Video Timeline and Seeing the Video Editor 01:05:37 Editing instructions for Remotion (Gridlines) 01:07:11 Editing Web App 01:09:46 Using CLAUDE CODE Inside Codex for Design (Terminal) 01:17:20 Forking a Chat to create investor deck 01:19:09 Using Claude 4.7 Opus for Designing Deck 01:20:22 Testing Canva Export (It's good) 01:22:33 Running Mobile App on Actual Phone (Not Simulator) 01:28:58 Finishing up All Projects (Mobile App, Landing Page Launch Video) 01:31:56 Exporting Deck and making changes in Canva 01:33:13 Deploy to Vercel using the Vercel Plugin 01:33:44 Adding Song to Remotion Video 01:35:26 Setting up x Post automations (Typefully) 01:37:57 Our App is on Testflight! 01:39:58 Final Remotion Video 01:41:04 Final Thoughts, Reflections, Summary
1:43:13

The Codex Super-App (Full Beginners Guide) The All Purpose Interface for AI Agents Part 1: Codex Basics Install Codex, Projects, Chats, Documents, Plugins, Custom Skills, Automations Part 2: Multitasking with Codex - iOS App Designs - Build an iOS App - Landing Page - Launch Video - Investor Deck - Social Media Automation TIMESTAMPS: Part 1: Codex Basics 00:00 Intro 02:54 Downloading Codex 03:20 Overview of Codex interface 03:56 Chats, Prompting, & Built in Search 04:53 Creating Projects 07:37 Creating Spreadsheet 09:43 How Files are stored and mentioned within projects 10:42 Quick Codex Overview 12:47 Search (CMD G) and Folder Organization 14:29 Skills and Plugins 16:29 Using Calendar Plugin 18:07 Creating Automations on Codex 19:18 Learn about Plugins (Figma) 21:37 Built in Image Gen 22:37 MCP Example (Paper for Design) 24:17 Opening Chats in mini-window 25:26 Steering vs Queueing the Agent 27:35 Creating Own Skill with API's 31:34 Using YouTube Researcher Skill (That we created) 33:24 Creating Automation with your custom skill Part 2: Multitasking (More chaotic and fun) 35:27 Part 2 Multitasking: Building iOS App, Web App, Investor Deck, Launch Video, Mobile Designs, and Automated X Posts 37:54 Creating Project 38:31 Planning my 6 Projects 40:25 Mobile Design Skill 41:47 Setting up iOS App 45:08 Implementing Desings into Mobile app 46:13 Creating a landing page that collects user info 46:45 Tally for form submission (Great for lead magnets) 49:43 Organizing and Renaming Chats for multitasking 52:12 Database for Mobile App (Supabase) 53:19 Generating app icons 54:08 Launch Video (Remotion) 59:32 Remotion Video Timeline and Seeing the Video Editor 01:05:37 Editing instructions for Remotion (Gridlines) 01:07:11 Editing Web App 01:09:46 Using CLAUDE CODE Inside Codex for Design (Terminal) 01:17:20 Forking a Chat to create investor deck 01:19:09 Using Claude 4.7 Opus for Designing Deck 01:20:22 Testing Canva Export (It's good) 01:22:33 Running Mobile App on Actual Phone (Not Simulator) 01:28:58 Finishing up All Projects (Mobile App, Landing Page Launch Video) 01:31:56 Exporting Deck and making changes in Canva 01:33:13 Deploy to Vercel using the Vercel Plugin 01:33:44 Adding Song to Remotion Video 01:35:26 Setting up x Post automations (Typefully) 01:37:57 Our App is on Testflight! 01:39:58 Final Remotion Video 01:41:04 Final Thoughts, Reflections, Summary

Riley Brown

434,963 Aufrufe • vor 4 Monaten

NEW AI CODING TUTORIAL -- 6 Months of Claude Code Community Lessons in 27 Minutes 00:00 Claude: The New King of AI Coding? 02:14 Level 1: Beginner 02:29 Installation 03:37 Todo lists 04:16 Essential Commands 06:35 Debugging with Claude Code 07:57 Claude dot md file 09:33 Message Queue 09:57 Markdown file prompts 10:33 Level 2: Intermediate 10:51 Planning Modes 12:10 Thinking Modes 12:58 More than Code: Research, Documents, Changelogs 15:16 Github Actions Integration 15:59 Mindset for Success with Claude Code 17:23 Level 3: Master 17:48 Parallel Subagents 18:16 Multiple Claudes (aka "multi-clauding") with Git worktrees 19:30 Custom Slash Commands 20:50 Custom Subagents 22:50 MCP Server Usage 24:05 Cost and Value for Money 25:56 Conclusion: What's next?
26:23

NEW AI CODING TUTORIAL -- 6 Months of Claude Code Community Lessons in 27 Minutes 00:00 Claude: The New King of AI Coding? 02:14 Level 1: Beginner 02:29 Installation 03:37 Todo lists 04:16 Essential Commands 06:35 Debugging with Claude Code 07:57 Claude dot md file 09:33 Message Queue 09:57 Markdown file prompts 10:33 Level 2: Intermediate 10:51 Planning Modes 12:10 Thinking Modes 12:58 More than Code: Research, Documents, Changelogs 15:16 Github Actions Integration 15:59 Mindset for Success with Claude Code 17:23 Level 3: Master 17:48 Parallel Subagents 18:16 Multiple Claudes (aka "multi-clauding") with Git worktrees 19:30 Custom Slash Commands 20:50 Custom Subagents 22:50 MCP Server Usage 24:05 Cost and Value for Money 25:56 Conclusion: What's next?

Avthar

42,646 Aufrufe • vor 11 Monaten

I built an AI powered writing app with Cursor Agent without writing a single line of code in a little over an hour. Features: - AI powered autocomplete - AI powered image search with autosuggestions based on what i'm writing - Ai powered research based on what i'm writing - Block based writing (which is useful for my workflow as a video content creator) !!! And I ran it locally this time. Normally I use replit, so if you got stuck on connecting cursor and replit, this video is for you. Template pinned on @senior_swc (starting point you can download) Tools used - Cursor (Claude for ai model) - Firebase - Deepseek DeepSeek - Exa ( Exa ) - Search API These videos serve as R&D for the app we're building at @yapthread. We're building the cursor for content creators. Sections 00:00 Introduction 03:24 Introduction to the Template 03:54 Setting Up Locally 04:04 Downloading and Running Locally 05:34 Firebase Setup 06:10 first prompt in cursor + continuing firebase 08:11 Full Plan for the app I'm building 10:44 Outlining the app hotkeys 11:55 Testing First Feature 16:54 Adding Autocomplete Feature Deepseek 22:23 Adding Images to Blocks (Search API) 22:42 Implementing and Testing Image Search (Search API) 25:32 Adjusting Image Sizes and Social Media Discussion 28:11 Adding Relevant Links (Exa API) 30:34 Testing and Debugging Link Highlights 32:27 Finalizing Image and Link Integration 40:37 Conclusion and Future Plans
40:46

I built an AI powered writing app with Cursor Agent without writing a single line of code in a little over an hour. Features: - AI powered autocomplete - AI powered image search with autosuggestions based on what i'm writing - Ai powered research based on what i'm writing - Block based writing (which is useful for my workflow as a video content creator) !!! And I ran it locally this time. Normally I use replit, so if you got stuck on connecting cursor and replit, this video is for you. Template pinned on @senior_swc (starting point you can download) Tools used - Cursor (Claude for ai model) - Firebase - Deepseek DeepSeek - Exa ( Exa ) - Search API These videos serve as R&D for the app we're building at @yapthread. We're building the cursor for content creators. Sections 00:00 Introduction 03:24 Introduction to the Template 03:54 Setting Up Locally 04:04 Downloading and Running Locally 05:34 Firebase Setup 06:10 first prompt in cursor + continuing firebase 08:11 Full Plan for the app I'm building 10:44 Outlining the app hotkeys 11:55 Testing First Feature 16:54 Adding Autocomplete Feature Deepseek 22:23 Adding Images to Blocks (Search API) 22:42 Implementing and Testing Image Search (Search API) 25:32 Adjusting Image Sizes and Social Media Discussion 28:11 Adding Relevant Links (Exa API) 30:34 Testing and Debugging Link Highlights 32:27 Finalizing Image and Link Integration 40:37 Conclusion and Future Plans

Riley Brown

83,096 Aufrufe • vor 1 Jahr

Looking for a BEGINNER-friendly gamedev vibe coding tutorial? I got you. Let's building this 2D pirate beat 'em up game from SCRATCH. → Codex App → GPT 5.5 → Images 2.0 → Phaser 4 → ElevenLabs Step-by-step... prompt-by-prompt... Starter project + resources in reply 👇 00:00 1. Intro 01:16 2. Project Structure 01:34 3. `public` folder 02:29 4. .Agent skills 03:00 5. Codex App 04:15 6. Running the game 05:32 7. Better Testing Setup 06:59 8. Generate Background Art 08:56 9. Use parallel sub-agents 10:22 10. Create an Asset Index 13:27 11. Adding the Pirate Player 15:58 12. Browser Testing in Codex 17:55 13. Add Skeleton Enemy 19:44 14. Collisions & Hitboxes 21:04 15. Adding Debug 22:12 16. Fixing Attack Frames 24:06 17. Fixing Hit Boxes and Bounds 26:10 18. Adding Health System & Bars 27:52 19. Game Over And Death Flow 28:46 20. Wave Progression System 31:38 21. Restarting The Game 33:49 22. Generated Sound & Music with AI 39:14 23. Adding juice and polish 41:54 Wrap Up
42:31

Looking for a BEGINNER-friendly gamedev vibe coding tutorial? I got you. Let's building this 2D pirate beat 'em up game from SCRATCH. → Codex App → GPT 5.5 → Images 2.0 → Phaser 4 → ElevenLabs Step-by-step... prompt-by-prompt... Starter project + resources in reply 👇 00:00 1. Intro 01:16 2. Project Structure 01:34 3. `public` folder 02:29 4. .Agent skills 03:00 5. Codex App 04:15 6. Running the game 05:32 7. Better Testing Setup 06:59 8. Generate Background Art 08:56 9. Use parallel sub-agents 10:22 10. Create an Asset Index 13:27 11. Adding the Pirate Player 15:58 12. Browser Testing in Codex 17:55 13. Add Skeleton Enemy 19:44 14. Collisions & Hitboxes 21:04 15. Adding Debug 22:12 16. Fixing Attack Frames 24:06 17. Fixing Hit Boxes and Bounds 26:10 18. Adding Health System & Bars 27:52 19. Game Over And Death Flow 28:46 20. Wave Progression System 31:38 21. Restarting The Game 33:49 22. Generated Sound & Music with AI 39:14 23. Adding juice and polish 41:54 Wrap Up

Chong-U

14,297 Aufrufe • vor 3 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,392 Aufrufe • vor 9 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