Загрузка видео...

Не удалось загрузить видео

На главную

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...

jasonzhou1993's profile picture

Jason Zhou

32,027 subscribers

79,437 просмотров • 1 год назад •via X (Twitter)

ИгрыНаука и технологииОбразование
LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 11

Фото профиля Your Crash Out Fairy
Your Crash Out Fairy1 год назад

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

Фото профиля Jason Zhou
Jason Zhou1 год назад

@v0 @cursor_ai nice!

Фото профиля The Rundown AI
The Rundown AI1 год назад

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).

Фото профиля Nasif Fuad
Nasif Fuad1 год назад

@v0 @cursor_ai Fix this lol

Фото профиля Jason Zhou
Jason Zhou1 год назад

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

Фото профиля Deepak Mehta
Deepak Mehta1 год назад

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

Фото профиля AIwithAmirthan
AIwithAmirthan1 год назад

@v0 @cursor_ai 🔥🔥🫡

Фото профиля Lidgen
Lidgen1 год назад

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

Фото профиля Abdelkarim Elmorabiti
Abdelkarim Elmorabiti1 год назад

@v0 @cursor_ai Thank you 🫡🫡

Фото профиля jaykrishnan
jaykrishnan1 год назад

@v0 @cursor_ai @TweetHelperBot download this

Фото профиля AIGIRL
AIGIRL1 год назад

@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

Похожие видео

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)
7:27

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

746,904 просмотров • 1 год назад

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.
4:39

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

693,321 просмотров • 2 лет назад

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:
42:43

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 просмотров • 1 год назад

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
16:14

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

27,660 просмотров • 8 месяцев назад

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
5:09

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 просмотров • 8 месяцев назад

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:
13:16

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,998 просмотров • 1 год назад

Broooooo this is sooo freaking awesome 🤯 This AI skill actually helps AI coding agents generate better-looking UIs. Taste Skill is an open-source skill that works with popular agents like Claude Code, Codex, Cursor, Gemini CLI, Lovable, v0, and more to reduce generic-looking frontend designs. Perfect for developers, vibe-coders & designers who use AI to build stunning UIs and want better-looking results :) Follow me for more amazing AI, Coding & Web Dev insights 💎
0:28

Broooooo this is sooo freaking awesome 🤯 This AI skill actually helps AI coding agents generate better-looking UIs. Taste Skill is an open-source skill that works with popular agents like Claude Code, Codex, Cursor, Gemini CLI, Lovable, v0, and more to reduce generic-looking frontend designs. Perfect for developers, vibe-coders & designers who use AI to build stunning UIs and want better-looking results :) Follow me for more amazing AI, Coding & Web Dev insights 💎

Ram Maheshwari

176,220 просмотров • 1 месяц назад

Broooooo this is so freaking good 🤯 This open-source skill makes AI coding agents generate better-looking UIs. Taste Skill works with Claude Code, Codex, Cursor, Gemini CLI, Lovable, v0 and more. Stops the generic frontend slop. Perfect for developers, vibe-coders & designers who actually want the AI output to look intentional. link;
0:28

Broooooo this is so freaking good 🤯 This open-source skill makes AI coding agents generate better-looking UIs. Taste Skill works with Claude Code, Codex, Cursor, Gemini CLI, Lovable, v0 and more. Stops the generic frontend slop. Perfect for developers, vibe-coders & designers who actually want the AI output to look intentional. link;

Manish Kumar

92,665 просмотров • 1 месяц назад

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…..”
0:50

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 просмотров • 1 год назад

WTF Broooooooo???? .... This feels like a goldmine for vibe coders 🌋 It's a collection of free UI prompts for things like hero sections, pricing pages, auth screens, bento grids, dashboards, and more. You can copy a prompt and give it to your AI coding agent to generate better-looking, less generic UI without having to describe every design detail yourself. Perfect if you build websites with AI and want your UIs to stand out :) Follow me for more amazing Coding, AI & Web Development insights 💎
0:28

WTF Broooooooo???? .... This feels like a goldmine for vibe coders 🌋 It's a collection of free UI prompts for things like hero sections, pricing pages, auth screens, bento grids, dashboards, and more. You can copy a prompt and give it to your AI coding agent to generate better-looking, less generic UI without having to describe every design detail yourself. Perfect if you build websites with AI and want your UIs to stand out :) Follow me for more amazing Coding, AI & Web Development insights 💎

Ram Maheshwari

64,808 просмотров • 15 дней назад

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
17:49

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 просмотров • 1 год назад

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)
14:11

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 просмотров • 1 год назад

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 просмотров • 1 год назад

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 →
0:47

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 🦄🦓

34,067 просмотров • 1 год назад

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👇
0:26

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 просмотров • 3 месяцев назад

Since launching in February, the Google AI Professional Certificate has become the most popular generative AI certificate of all time on Coursera. 🥳 Now, we're expanding the course to include lessons on vibe coding. With vibe coding, anyone can learn how to use everyday language to describe what they want to produce, letting AI handle the technical coding to build robust apps, automate workflows, or create custom dashboards — no prior coding experience needed. Whether you’re streamlining logistics at a multinational company or designing a custom app for your team, the Google AI Professional Certificate is built to help you learn how to make AI work for you. Learn more →
0:26

Since launching in February, the Google AI Professional Certificate has become the most popular generative AI certificate of all time on Coursera. 🥳 Now, we're expanding the course to include lessons on vibe coding. With vibe coding, anyone can learn how to use everyday language to describe what they want to produce, letting AI handle the technical coding to build robust apps, automate workflows, or create custom dashboards — no prior coding experience needed. Whether you’re streamlining logistics at a multinational company or designing a custom app for your team, the Google AI Professional Certificate is built to help you learn how to make AI work for you. Learn more →

News from Google

44,591 просмотров • 1 месяц назад

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.
0:59

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,497 просмотров • 1 год назад