Intro · 3:05
The design problem
Vibe-coded apps often look bad; a designer joins to fix that.
- Most vibe-coded sites look generic.
- Design skill makes the difference.
- Gemini 3 raises quality.
| Problem | Fix |
|---|---|
| Generic look | References |
| Weak hierarchy | Design prompts |
Do this in your own tools, step by step. Ticks are saved on this device.
Common problem?
Generic design.
What helps?
Design skill and references.
0:00 So, I wanted to bring him on and for my sake and for yours, learn how to get these incredible outcomes out of these vibe coding tools by just adding in a little bit of secret source at the right place. This is an incredibly valuable skill to have in this day and age, whether you're an AI agency owner wanting to build your own website, wanting to build and sell websites for your clients, or wanting to design and build incredible software and SAS applications for yourself and your clients.
0:22 So, this is such an essential thing to have in the age of coding, and you guys will get to see us do it live here in this video. Enjoy. Ming, welcome on to the channel, man. I'm super excited to jump into this. uh after seeing that Gemini 3 release and the crazy thing people are building with it, including yourself, uh it got me super excited about the opportunity for people to be able to make these for businesses and add it to their services or using it as a foot in the door.
0:45 But it's just such an exciting space right now and really seeing timelines being compressed and the possibilities of what you can do with this really being stretched and and you're definitely one of the people leading that. So, thank you for coming on and uh bit about yourself and where we're going to go with this video. >> My background, I've been doing this for 20 years. I've done a number of startups. I've done a a coding platform learn teaching designers how to code teaching developers how to design and I think uh now with you know me building this AI tool and being in this space uh learning how to prom and all that stuff so we want to bring design in the space because like most of these tools they don't really care that much about design so we want >> lovable and replet and so on right right so it's very codeheavy but we want animations We want beautiful typography, colors, agency, things that you're going to make it super easy for uh anyone to build beautiful websites for their
1:56 customers whether uh you know you can find a new customer and can literally generate with Gemini 3 in like five to 15 minutes >> and just vibe vibe design with you know the >> Yeah. What do you call it? Do you call it vibe designing or vibe? What do what do you call it? I I prefer wipe design because uh essentially, you know, it's it's creating something visual in front of you and you're just like, "Oh, you know, this is off.
2:19 Oh, the color is off. Oh, I want, you know, this image instead." >> So, what are we going to be covering? >> So, we're going to learn how to get the best out of uh Gemini 3. Because right now, I think a lot of people have trouble with what to prom and how to do it. And Gemini 3 is really bad if you don't give the right prom, right? If you don't give the visuals, if you don't give the references, if you don't, you know, say what your app is about or what type of typography you want or if you want animations at all, it's going to be very bad.
2:42 So, what we're going to learn today is how to prompt the right way. And not just that, but how to find the resources to prompt the right way. And if you do that, you're going to fly. You're going to go from zero to 100 in a very, very short time. All right, Liam,
Get the other 6 chapters, the exam and your certificate for LinkedIn, plus all 700+ AI courses.