10x better UI design for vibe coders - Use v0 directly in Cursor
AI Jason
Channel
Interviewed Person
v0
Description
Get in-depth AI Coding guide beyond basics: http://aibuilderclub.com?utm_source=youtube&utm_medium=youtube&utm_campaign=v0 - Follow me on twitter: https://twitter.com/jasonzhou1993 - v0-1.0-md: https://vercel.com/docs/v0/api šš» About Me My name is Jason Zhou, a product designer who shares interesting AI experiments & products. Email me if you need help building AI apps! ask@ai-jason.com #cursor #generativeai #gpt5 #autogen #gpt4 #playwright #ai #artificialintelligence #tutorial #stepbystep #openai #llm #chatgpt #largelanguagemodels #largelanguagemodel #bestaiagent #chatgpt #agentgpt #agent #babyagi
Transcript
how can you dramatically improve cursor generate UI from something like this to something like that so v 0ero which is application you probably have been using to generate really high quality UI for web application now just released their own AI model that you can use directly inside your cursor They also introduced some new AI coding workflow that can make the UI generation much better Here is my workflow and setup So to use V0ero in your cursor you actually need some setup because cursor unfortunately don't support VZ model natively yet And to set up you will need to go to models in your
cursor settings For the open AI base URL put in api.vzero.dev/v1 Save it and then go to your v 0ero chat Go to settings generate API key here and paste over into cursor and click verify You'll probably be prompt to confirm to enable open API key here So from now on every time when you choose a GPD based model behind the scenes it actually calling v0ero model There's also a bug you will have that even though you're calling cloud model but if you have this open AI API key
turned on it will have this arrow So making sure you turn off when you try to use cloud model and turn it on when you want to use the vzero model So as a quick way to showcase the capability if I just use a 3.7 model and give a prom make a beautiful calendar app the result you will get probably look something like this fully functional calendar app but the UI of spacing font color just doesn't look 100% So instead we can switch model to GPD 4 and making sure we turn on this open AI API key here and give the same problem make beautiful calendar event app but with one caveat I
will just ask you to build one page to start with cuz even though vzero model is extremely good at UI generation it is not as good in terms of scaffolding the whole application and complex functionalities When I ask you to build a whole application it often just fail and stuck in the loop So I would just ask to build one page to start with and then switch to different model So this is the result you get one shot from the Vzero model in cursor You can see the UI outcome just looks ton better All the spacing font color looks right with better taste What's really cool about it
is that you actually don't need to use Vzero model through the whole DM process You can just use that to set a foundation of how the application should look like and then we can switch to a better model like cloud 3.7 or cloud 4 if you want to keep adding new feature on top of this page And you might have this arrow just making sure to turn off the open API key here and try again What you will find is that even though you switch to different model because VZ already set a example of what type of style spacing color it should follow the new UI generator will follow the same
style and build out all those other screens that also looks really good So this is my current workflow I will try to use Vzero to initially set up some main screens and then use cloud 3.7 or cloud 4 to build out more functionality But if I need to set up some new screen again or switch back to Vzero to build out that new screen This is probably one of the key benefits I see of Vzero releasing their own model instead of just using their chat app because now you can just switch back and forth between different model for specific tasks So this is a quick example of how to use the Vzero new model If you want
to learn more in depths about AI coding you can join AI builder club where I have more advanced tips about AI coding and building production ready large learning mode application for myself as well as industry experts And we also have tools that can bootstrap your building experience from SAS and MCP template as well as tools like 10X coder that can turn your vague idea into wellcraftraft person prd and rules But most importantly we have the community of top AI builders who are building and launching their own AI products So you can come build with them and get advice
If you're interested I put a link in the description below to join Thank you and I see you next
Video Details
- Duration
- 3:35
- Published
- May 25, 2025
- Channel
- AI Jason
- Language
- ENGLISH
- Views
- 47,781
- Likes
- 1,299