If you think a website can’t be vibe coded from just a design reference image, you’re seriously underestimating what’s possible 🥶 I’ve been building a lot of websites this way lately, and this is one of them. Vibe coded a MindInventory’s design using Gemini inside Google AI Studio in... under 1 hour 🔥show more

@Mindinventory Vibe coding is the future 😭😭😭

@Mindinventory In a way, yes it is

@Mindinventory Source code? Or at least template

@Mindinventory I'll share the source code or direct Google AI Studio link after completing the whole website. Want to turn that into a reusable useful template first :)

@Mindinventory Alright man Shits beautiful

@Mindinventory the goat

@Mindinventory Oh no no, but thank you :D

@Mindinventory Yeah it's possible not entirely from the scratch but with proper reference. Google AI Studio is an underrated gem

@Mindinventory Yesss, people need to start using Google AI Studio seriously for vibe coding

@Mindinventory how build like this Please show me

@Mindinventory Will share a detailed guide on that very sooon

@Mindinventory Ai studio is still the best app builder for me so far Esp for UI

@OludeleHal36103 @Mindinventory It's the best of all for any creative frontend work right now

@Mindinventory Yes. I learnt from your YouTube channel JsMastery and I created my own landing page example for a blockchain company

@Mindinventory Yeah, this is real now. The first draft gets shockingly close. I still spend most of the time fixing spacing, mobile behavior, and odd edge states.

@Mindinventory That will be improved in the future model very sooon

@DamiDina @Mindinventory How?

@DamiDina @Mindinventory By preparing a master prompt and providing a design image as a reference, it does the needed job for AI

@Mindinventory It keeps getting better. For vibe-coders, I recently shared a guide to get your first 100 customers for your SaaS. Its free, check pinned post. Keep winning!

@Mindinventory Nice, will check it out

@Mindinventory Cheers

@Mindinventory Design references basically became executable files overnight

@Mindinventory Yeah, we may not need tools like Figma or Adobe in the near future or their purpose might completely change

@Mindinventory ファーストビューってやっぱり難しいよね？ だけど「視覚スキーマ」は 行動を誘導する脳のパターンなんだよ この仕組みを押さえるだけで デザインはただの見た目じゃなくなる 建築で言えば「設計図」と「間取り」みたいなものだね

@Mindinventory The useful part is how close the reference-to-page jump gets: left rail, reading hero, book stack, schedule, and friends panel all land in one calm shelf UI. I laid that reading desk out here:

Recently started building websites with AI and realized something 👀 AI can generate the first 80% really fast. But the remaining 20% — SEO, responsiveness, performance, business workflows, and CMS support where clients can update content/images on their own without depending on developers — is where the real work starts. One client was genuinely so happy after we added the CMS part 🚀

@Mindinventory You can use this component for the book hovering effect!

@Mindinventory This is cool, I'll try it 👌