1. NEVER one shot anything. Ask AI to make incremental changes. 2. Commit often and Use branches and work trees generously. 3. Start with the backend first. Use Supabase always. 4. Create a backend script to create generic tables and auth setup via sql for new projects so you save time. 5. When starting a new project, use premium models that can set up everything right. I use up to 50% of freemium models for the month before I start rationing. 6. Use free models for minor edits only. 7. Use console logs to as a way to debug. Share it with the AI for faster results. 8. Use Claude OPUS for large audits and ask it to create a detailed .md file with its suggestions. Then make updates to the code fixing one suggestion at a time. Do not ask the AI to fix everything at the same time. That is how you break the code. These are hard won lessons, I learnt building Evallo.app, Anntho.com, Quebeam.com and pulsehud.com. I’m not trying to show off, but I’m trying to showcase what is possible if you put your head down and focus. I am a product manager, turned founder, and if I can do it, you can do it too. What else would you add to this list?

Hi! A little bit meta: we're building bloom.diy, a mobile & web app to vibecode full stack mobile apps. We're just relaunching the mobile app (had a ton of bugs that we've been bashing) and looking for beta testers to break it. Let me know if you'd be interested in testing!? Thank uuu :)

Introducing SportsCard Lab, built with @lovable_dev Create amazing professional sports cards fast, using the latest AI image technology Generate stunning, collectible-quality sports trading cards in seconds. Choose from multiple styles, customize colors, and bring your athletes to life. Save to you collection and view others collections. You can use a picture or take one, it will remove background and create a really nice card. Also you can create unique one of a kind cards of your favorite players in any sport! Please upvote this at Lovable Launched: https://launched.lovable.dev/sportscard-lab

I built something that fits right into our vibe coding flow — it’s called AI Diagram Maker. Instead of manually dragging boxes or tweaking arrows, you just describe your system in plain English, and the AI instantly turns it into a clean, professional diagram. Perfect for when you want to vibe create flowcharts, sequence diagrams, ERD etc. No friction, no formatting — just describe → generate → tweak if as needed. I’d love for you all to try it out and share authentic feedback — what works, what doesn’t, and what features you’d love to see next. You can try it free here 👉 https://www.aidiagrammaker.com

Hi all — I’ve been struggling with adding animations to websites and I know a lot of people here have too. I figured out a super simple way to add animations in a website and below are the steps on how to do it in one prompt 👇 1. Describe the animation in plain words (e.g. “cards fade in from bottom”). 2. Share what section you want it on. 3. Add the animation library docs link (GSAP, Framer Motion, etc.). 4. Drop a few example images or GIFs. 5. Then just say — “apply same for my section”. That’s it. AI will generate the exact animation code for you 🎯Building context is the key — the clearer your description, the better the results. If anything is unclear, let me know. Hope this helps you 🙏