Video wird geladen...

Video konnte nicht geladen werden

Beim Laden dieses Videos ist ein Problem aufgetreten. Dies könnte an einem vorübergehenden Netzwerkproblem liegen oder das Video ist möglicherweise nicht verfügbar.

10X better UI design for vibe coding - You can now use v0 in Cursor directly Turn average vibe coded UI into some production level frontend Here is my workflow & setup Can't wait for v0 to release 1.5 models access --- If you want to learn AI coding... show more

Jason Zhou

32,027 subscribers

79,437 Aufrufe • vor 1 Jahr •via X (Twitter)

Gaming Wissenschaft & Technologie Bildung

Anya Rossi• Live Now

Private livecam show

11 Kommentare

Profilbild von Your Crash Out Fairy

Your Crash Out Fairyvor 1 Jahr

@v0 @cursor_ai Followed! I have been building with V0 and wanting to work with cursor for the last week this is awesome

Profilbild von Jason Zhou

Jason Zhouvor 1 Jahr

@v0 @cursor_ai nice!

Profilbild von The Rundown AI

The Rundown AIvor 1 Jahr

If you're not learning AI in 2025, you're falling behind. Join 1,000,000+ early adopters reading and learn AI in just 5 minutes a day (for free).

Profilbild von Nasif Fuad

Nasif Fuadvor 1 Jahr

@v0 @cursor_ai Fix this lol

Profilbild von Jason Zhou

Jason Zhouvor 1 Jahr

@v0 @cursor_ai Oh shit.. can I ask which device did you open this? 😅

Profilbild von Deepak Mehta

Deepak Mehtavor 1 Jahr

@v0 @cursor_ai Hey jason- would love to feature you @Microinflugo . Let me know if your open for bran collabs

Profilbild von AIwithAmirthan

AIwithAmirthanvor 1 Jahr

@v0 @cursor_ai 🔥🔥🫡

Profilbild von Lidgen

Lidgenvor 1 Jahr

@v0 @cursor_ai exciting improvements are always welcome! elevating ui with ai can truly redefine user experiences. let's embrace the change!

Profilbild von Abdelkarim Elmorabiti

Abdelkarim Elmorabitivor 1 Jahr

@v0 @cursor_ai Thank you 🫡🫡

Profilbild von jaykrishnan

jaykrishnanvor 1 Jahr

@v0 @cursor_ai @TweetHelperBot download this

Profilbild von AIGIRL

AIGIRLvor 1 Jahr

@v0 @cursor_ai I have been advocating using the v0 for UI since about 1 year now . My workflow I use v0 first on their platform. Utilize the daily credit limit then download the app and open in cursorVS code

Ähnliche Videos

I've been using Playwright MCP in my coding workflow for 2 use cases: 1. Cursor Self-iterate UI 2. AI-driven test automation With the recent image support, it is getting even better. ------ Here is how I do it: 0:00 Playwright intro 2:43 My Setup 6:00 Use case 1: Iterate UI 7:20 Use case 2: Automated testing If you want to learn AI coding beyond basics, Join AI Builder Club where I post tips weekly:

I've been using Playwright MCP in my coding workflow for 2 use cases: 1. Cursor Self-iterate UI 2. AI-driven test automation With the recent image support, it is getting even better. ------ Here is how I do it: 0:00 Playwright intro 2:43 My Setup 6:00 Use case 1: Iterate UI 7:20 Use case 2: Automated testing If you want to learn AI coding beyond basics, Join AI Builder Club where I post tips weekly:

Jason Zhou

21,886 Aufrufe • vor 1 Jahr

2 things reduced 90% errors for my cursor past few days: 1. Test Driven Development 2. Memory Bank setup Memory bank tackles some big problems of getting Cursor working in existing code base too Here is my workflow If you want to learn more tips about vibe coding beyond basics, you can join AI Builder Club here: (also get free access to 10xCoder.Dev)

2 things reduced 90% errors for my cursor past few days: 1. Test Driven Development 2. Memory Bank setup Memory bank tackles some big problems of getting Cursor working in existing code base too Here is my workflow If you want to learn more tips about vibe coding beyond basics, you can join AI Builder Club here: (also get free access to 10xCoder.Dev)

Jason Zhou

32,205 Aufrufe • vor 1 Jahr

This Claude 3.7 UI workflow is awesome And many vibe coders not aware of it: 1. Have Claude 3.7 to design whole UI screen by screen 2. Ask it to make a plan, break down into components 3. Turn into actual project By having Claude focus on just UI generation, it does a great job You can build beautiful UI without shadcn If you want to learn more about vibe coding beyond basics, join my community here: (also get free access to 10xCoder.Dev)

This Claude 3.7 UI workflow is awesome And many vibe coders not aware of it: 1. Have Claude 3.7 to design whole UI screen by screen 2. Ask it to make a plan, break down into components 3. Turn into actual project By having Claude focus on just UI generation, it does a great job You can build beautiful UI without shadcn If you want to learn more about vibe coding beyond basics, join my community here: (also get free access to 10xCoder.Dev)

Jason Zhou

745,638 Aufrufe • vor 1 Jahr

This is the best way to build UI with AI. Use Cursor + V0. With a custom prompt (below), you can easily trigger V0 to create beautiful interfaces for you directly from Cursor Composer. Watch this insane building hack.

This is the best way to build UI with AI. Use Cursor + V0. With a custom prompt (below), you can easily trigger V0 to create beautiful interfaces for you directly from Cursor Composer. Watch this insane building hack.

Mckay Wrigley

692,768 Aufrufe • vor 1 Jahr

How to 10x your Cursor workflow? Many people struggle to get Cursor produce error free projects Here is my workflow to rebuild a $1 million micros Sass with ease: 1. O1 to prep doc with file tree & dependencies 2. Use Cursor for functionality & v0 for UI touch up 3. Use templates for modular functions like auth, payment, etc. 4. Use Helicone to monitor LLM usage 5. ... 0:00 Intro & Setup 2:25 Step 1 - Plan & Prep PRD 16:57 Step 2 - Build frontend 22:34 Step 3 - Connect LLM monitoring platform 25:44 Step 4 - Build backend - Supabase 37:26 Step 5 - UI Touch up Join my community where I share AI building tips weekly:

How to 10x your Cursor workflow? Many people struggle to get Cursor produce error free projects Here is my workflow to rebuild a $1 million micros Sass with ease: 1. O1 to prep doc with file tree & dependencies 2. Use Cursor for functionality & v0 for UI touch up 3. Use templates for modular functions like auth, payment, etc. 4. Use Helicone to monitor LLM usage 5. ... 0:00 Intro & Setup 2:25 Step 1 - Plan & Prep PRD 16:57 Step 2 - Build frontend 22:34 Step 3 - Connect LLM monitoring platform 25:44 Step 4 - Build backend - Supabase 37:26 Step 5 - UI Touch up Join my community where I share AI building tips weekly:

Jason Zhou

157,152 Aufrufe • vor 1 Jahr

Ultimate Vibecoding Tech Stack: Build apps in minutes! — In this video I break down my vibecoding workflow, share tips & tricks, and do live coding examples so you can ship faster with less friction. — What you’ll learn: ▫️My vibecoding tech stack for 2026 ▫️The exact workflow I use to go from idea to working apps ▫️How I debug faster ▫️Live coding examples + common mistakes to avoid — Tech stack: ▪️v0 for prototype and mockups ▪️Vercel for deployments ▪️GitHub for repos and version tracking ▪️Supabase for DB and authentication ▪️Cursor to finish coding

Ultimate Vibecoding Tech Stack: Build apps in minutes! — In this video I break down my vibecoding workflow, share tips & tricks, and do live coding examples so you can ship faster with less friction. — What you’ll learn: ▫️My vibecoding tech stack for 2026 ▫️The exact workflow I use to go from idea to working apps ▫️How I debug faster ▫️Live coding examples + common mistakes to avoid — Tech stack: ▪️v0 for prototype and mockups ▪️Vercel for deployments ▪️GitHub for repos and version tracking ▪️Supabase for DB and authentication ▪️Cursor to finish coding

Juampi

23,903 Aufrufe • vor 6 Monaten

v0 helps product leaders turn ideas into interactive prototypes in minutes. In this demo, you'll learn how to: • Use screenshots and references to guide v0 • Customize UI with Design Mode • Preview across devices as you iterate • Deploy and share prototypes for real-time team feedback using the Vercel Toolbar Get started today at

v0 helps product leaders turn ideas into interactive prototypes in minutes. In this demo, you'll learn how to: • Use screenshots and references to guide v0 • Customize UI with Design Mode • Preview across devices as you iterate • Deploy and share prototypes for real-time team feedback using the Vercel Toolbar Get started today at

v0

24,915 Aufrufe • vor 6 Monaten

Those MCP totally 10x my Cursor workflow… - It reads my browser console / network log - It use Replicate to generate UI assets - It reads my supabase & figma ... Here I shared some of my fav MCP & how to install them, As well as the EASIST way to create your own MCP (Thanks to Cloudflare 's MCP-worker) 0:00 Cursor MCP overview 2:35 How to install common MCP 5:49 Let cursor read console/network log 7:24 Build yoru own MCP If you want to learn more about advanced AI coding workflow, join my community where I post tips weekly:

Those MCP totally 10x my Cursor workflow… - It reads my browser console / network log - It use Replicate to generate UI assets - It reads my supabase & figma ... Here I shared some of my fav MCP & how to install them, As well as the EASIST way to create your own MCP (Thanks to Cloudflare 's MCP-worker) 0:00 Cursor MCP overview 2:35 How to install common MCP 5:49 Let cursor read console/network log 7:24 Build yoru own MCP If you want to learn more about advanced AI coding workflow, join my community where I post tips weekly:

Jason Zhou

287,775 Aufrufe • vor 1 Jahr

We will enter a new era for vibe coding! The new Gemini 2.5 Pro can now zero-shot full Single Page Application, Complete Responsive Mobile Games, convert UI screenshots precisly to working code. Can’t wait and see what Cursor ,GitHub, @windsurf, bolt.new, v0, , Replit ⠕, Cline, will enable with this! Here are my top vibe tests so far: “Build a Healthcare CRM to streamline patient communication, appointment scheduling, record management, and billing processes…..”

We will enter a new era for vibe coding! The new Gemini 2.5 Pro can now zero-shot full Single Page Application, Complete Responsive Mobile Games, convert UI screenshots precisly to working code. Can’t wait and see what Cursor ,GitHub, @windsurf, bolt.new, v0, , Replit ⠕, Cline, will enable with this! Here are my top vibe tests so far: “Build a Healthcare CRM to streamline patient communication, appointment scheduling, record management, and billing processes…..”

Philipp Schmid

79,810 Aufrufe • vor 1 Jahr

Have you ever vibe coded 6 versions of same app at the same time using all of the best AI coding tools. Well I did it in this video: Tools used: Cursor Cursor Windsurf @windsurf Replit Replit ⠕ Bolt bolt.new Lovable v0 TimeStamps 00:00 - Introduction to AI Coding Tools 01:23 - First Prompts 05:56 - Final Adjustments and Comparisons 16:12 - Results / Rankings don't worry a cancelled my api keys

Have you ever vibe coded 6 versions of same app at the same time using all of the best AI coding tools. Well I did it in this video: Tools used: Cursor Cursor Windsurf @windsurf Replit Replit ⠕ Bolt bolt.new Lovable v0 TimeStamps 00:00 - Introduction to AI Coding Tools 01:23 - First Prompts 05:56 - Final Adjustments and Comparisons 16:12 - Results / Rankings don't worry a cancelled my api keys

Riley Brown

173,916 Aufrufe • vor 1 Jahr

Sick of Cursor mess up your code? This new flow reduced 90% error for my Cursor - by adopting a task system: 1. Break down PRD into small tasks with dependencies 2. Maintain & update task list as we go 3. Self improve with cursor rules With tools like claude task master & Boomerang tasks, this process is a no brainer I broken down my step by step process in the video If you want to learn more about vibe coding beyond basics, join my community here: (also get free access to 10xCoder.Dev)

Sick of Cursor mess up your code? This new flow reduced 90% error for my Cursor - by adopting a task system: 1. Break down PRD into small tasks with dependencies 2. Maintain & update task list as we go 3. Self improve with cursor rules With tools like claude task master & Boomerang tasks, this process is a no brainer I broken down my step by step process in the video If you want to learn more about vibe coding beyond basics, join my community here: (also get free access to 10xCoder.Dev)

Jason Zhou

43,014 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

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

Every frontend developer just stopped opening DevTools. Your AI coding agent can now reverse-engineer the entire design system of any website directly from the terminal. Just type: /design And it instantly extracts: • Brand colors • Fonts & typography • Spacing system • Buttons & UI components • Layout patterns • Design tokens Then saves everything into a structured DESIGN.md file your AI agent can understand and reuse. Powered by Hyperbrowser + Claude Code MCP. The crazy part? You can now study, replicate, and rebuild world-class UI systems in minutes instead of wasting hours manually inspecting websites. This changes how vibe coding works forever. Repo👇

divyansh tiwari

78,201 Aufrufe • vor 1 Monat

UI/UX Designers, I just found an AI tool that’s a game-changer for prototyping and design speed. Readdy (Readdy) helps you design, prototype, and refine interfaces faster than ever. Unlike other AI coding tools like v0 or Lovable, Readdy is built for designers to deliver high-quality UIs and understand feedback like a pro. Website →

UI/UX Designers, I just found an AI tool that’s a game-changer for prototyping and design speed. Readdy (Readdy) helps you design, prototype, and refine interfaces faster than ever. Unlike other AI coding tools like v0 or Lovable, Readdy is built for designers to deliver high-quality UIs and understand feedback like a pro. Website →

Abraham John 🦄🦓

33,984 Aufrufe • vor 1 Jahr

This is the prompt builder I wish I had when I started vibe coding I did over 10,000 prompts and I put all my knowledge of UI into this builder. It has all the layout, color, typography and animation styles you can think of. It can even input html, figma url and adapt from hundreds of templates to create the perfect UI for you. Perfect for beginners and design explorations.

This is the prompt builder I wish I had when I started vibe coding I did over 10,000 prompts and I put all my knowledge of UI into this builder. It has all the layout, color, typography and animation styles you can think of. It can even input html, figma url and adapt from hundreds of templates to create the perfect UI for you. Perfect for beginners and design explorations.

Meng To

126,330 Aufrufe • vor 1 Jahr

Day 1/6 of CodeGuide 2.0 🧡 Introducing Codie - AI Agent that can help you Code on any AI Coding tool Just Screen Share and Ask for Realtime help: - Setting up Project Files - Debugging Errors - Deployment etc In this Demo I used CodeGuide x StackBlitz to show you how it works You can also use Codie with: - Cursor AI - Windsurf - Lovable - Replit - v0 Enjoy.

Day 1/6 of CodeGuide 2.0 🧡 Introducing Codie - AI Agent that can help you Code on any AI Coding tool Just Screen Share and Ask for Realtime help: - Setting up Project Files - Debugging Errors - Deployment etc In this Demo I used CodeGuide x StackBlitz to show you how it works You can also use Codie with: - Cursor AI - Windsurf - Lovable - Replit - v0 Enjoy.

CJ Zafir

23,084 Aufrufe • vor 1 Jahr

How to use Cursor to build production level application? Lots video showcasing building demos, but not many dive into details of end to end process from planning, authentication, backend setup; But it is not that hard; Made a video showcase how to bring an idea live into the wild in 20 mins! 00:00 Intro & how to setup Cursor 05:09 How to build frontend 17:39 How to build authentication 21:30 How to build backend 40:26 How to deploy If you have any further question or want to get deep dive into more cursor course, you can join my community where I post tips weekly:

How to use Cursor to build production level application? Lots video showcasing building demos, but not many dive into details of end to end process from planning, authentication, backend setup; But it is not that hard; Made a video showcase how to bring an idea live into the wild in 20 mins! 00:00 Intro & how to setup Cursor 05:09 How to build frontend 17:39 How to build authentication 21:30 How to build backend 40:26 How to deploy If you have any further question or want to get deep dive into more cursor course, you can join my community where I post tips weekly:

Jason Zhou

212,965 Aufrufe • vor 1 Jahr

working theory for a new vibe code workflow: 1. create a proof of concept in v0 2. move to github and clone in a local repo 3. use as ref for agent planning 4. create a backend directory to test API plumbing 5. create a frontend directory to prototype iteratively this way you can repeatedly rip apart the frontend for ideation without worrying about breaking changes to the backend. i really like asking for an open ended "job to be done" (i.e. place a bet with a single tap) with 5-10 variations to feel. it's the modern day wireframing. it's still UI slop but i can get ideas in my head out faster and reveal design shortcomings before polishing or worrying about making components functional. and because the v0 prototype gets you to functional ai features and backend integration fastest, you have both a technical and conceptual reference to use in your agentic planning so your v1 is more predictable with minimal effort.

working theory for a new vibe code workflow: 1. create a proof of concept in v0 2. move to github and clone in a local repo 3. use as ref for agent planning 4. create a backend directory to test API plumbing 5. create a frontend directory to prototype iteratively this way you can repeatedly rip apart the frontend for ideation without worrying about breaking changes to the backend. i really like asking for an open ended "job to be done" (i.e. place a bet with a single tap) with 5-10 variations to feel. it's the modern day wireframing. it's still UI slop but i can get ideas in my head out faster and reveal design shortcomings before polishing or worrying about making components functional. and because the v0 prototype gets you to functional ai features and backend integration fastest, you have both a technical and conceptual reference to use in your agentic planning so your v1 is more predictable with minimal effort.

0xDesigner

14,912 Aufrufe • vor 6 Monaten