Hook
More breakout videos from this creator.
Vibe coding can pretty much do everything except actually look good. Is something that you'll hear a lot and if you've ever coded with like Bolt, lovable, base 44, cursor, Claude code, then you know exactly what I'm talking about. Just that very generic look of the exact same icons, the exact same colors, the exact same gradients, the exact same styles. I'm gonna talk about three different ways that you can take your vibe coded apps from looking like this to actually looking something like this. So for a little bit of context, my name is Jack. I'm 20 years old. I currently run the largest vibe coding and startup community in the world. I've built multiple apps and I'm working at a startup that does over $9 million a year in revenue. So I'm dealing with these things pretty much every day. I've actually been very hyper focused on how to make a vibe coded apps front end look good because I'm working on a project right now and I'm challenging myself to build it entirely with Opus 4.6. Tip number one is stop trying to describe what you want and literally go take a screenshot of it. You're probably not a designer and if you see something that you like, literally go take a screenshot of it and give it to Claude and say, give me a highly detailed prompt that I can use to put this into my own website. Cause Claude is actually really good at making highly detailed components, but if you don't give it any context or things to go off of, then you'll just get the generic vibe coded stuff. Tip No. 2 is there are literally websites where you can copy and paste frontend components that you like as prompts. I've been using the site called 21st Dev just because it's free. I think you can also use like V0 or Magic UI. Tip No. 3, and this one's kind of underrated, but whatever you're coding with, like Next JS, Tailwind, Swift, go tell Claude to find the best frontend documentation for that framework. Because what this does is Claude will now pull real frontend guidelines from a developer who spent a long time making this documentation. So now instead of Claude just kind of making up whatever, it'll follow real guidelines that someone probably spent a long time making, which will give you a better result. If you want more help with this, join the Discord or the Skool community.