What was the very first project you vibecoded with AI?
On Product Hunt, I can see many people launching their products using "vibe-coding tools" like @Lovable , @bolt.new , or@Replit
I reckon many people who created something with them are usually developers who didn't have enough time for building a side idea before, but with AI, they could make it happen.
I am not very technical (know some coding/programming basics), but without the help of a tutorial or ChatGPT, I would hardly build a whole project.
Question not only for developers (but also tech newbies):
What was THE FIRST THING YOU VIBECODED?
Feel free to share the link or the picture
What tool did you use?
What was the most difficult part?
Did you earn any money with that?
Here is mine:
– It was supposed to be a directory of Bluesky tools– The most difficult parts were to define something + It also rewrote good parts of the code, so it was kind of a mess for me.
– I haven't earned any money because I haven't published the project. (I abandoned it. :D)
Replies
Copus
The first thing I vibecoded was a Chrome extension for Copus, our content curation platform. I had the core web app built traditionally, but needed a browser extension that lets people save articles, videos, and links from anywhere on the web with one click.
Tool: Claude Code (Anthropic's CLI). Honestly it was a game-changer for extension development specifically because you can just describe the Chrome APIs you want to use and it handles all the manifest.json, content scripts, background workers complexity.
Hardest part: Getting the extension to work nicely across different websites. Every site has different DOM structures, so the "save this page" feature needed to handle edge cases everywhere. AI was great for iterating fast on those edge cases.
Did it earn money? Not directly from the extension itself, but it is the main acquisition channel for Copus — people discover articles through the extension and join the platform. So yes, indirectly.
minimalist phone: creating folders
@handuo Who is the audience (market) for your tool? How do you get them?
Kiara Translation
map with mapbox - it was soooo beautiful
minimalist phone: creating folders
@ishiid Where is the link? :D
As a product owner, I use Lovable mainly for prototyping. It’s especially useful for turning ideas into quick demos that I can share with the team while explaining product concepts more clearly.
minimalist phone: creating folders
@qiwap If you have any examples of outputs, feel free to share :)
I have built 3 SaaS platforms and 3 websites with very little coding knowledge, practically none. I have used Claude Code to build these from the ground up. Not only did Claude Code create all the code, It has done E2E testing, user testing, leakage testing, pen testing, and security testing. It is not a one and done test, it is a continuous process. I have been learning a lot with vibe coding, AI, and ML; and the biggest thing I have learned is this: you need to vet out what AI gives you, as in you need to be security conscious and you have to learn what security standards are and how they are used and why. You need to understand your stack and why it is being used and so forth. I don't believe you need in depth knowledge and years of experience but you need to be willing to at least understand why it is using what it is using so you can understand what you're building, so you can see the weak points and have AI fix them. Having documentation is a must. My last SaaS project I had 16 detailed phases and from the phases I had expected output and check list and all of this was created with AI. I also had it create user documentation and had it look at other sites with their ToS, Privacy, Security, and Subprocesses. Then build my ToS, Privacy, Security, and Subprocesses pages from those, as a template/base. I would take the pages it made and put it in Claude.ai and have it analyze what was said in the page and ask questions about accuracy and truthfulness on what was being said. I would take those questions and put them in Claude Code in the project and have what was on the page said along with what was asked by Caude.ai and have it compared to the codebase. I had to have Claude Code add code, or remove what was said on those pages so it could be transparent and honest with what was built. When financially able I will have independent auditors also look at it for any errors, weak spots, and honesty to what is claimed and what is is actually available.
Do I believe you can have AI write a complete program for you? Absolutely, but the key is how you approach the project. Will some one with years of experience have an advantage? Absolutely!! Can someone with no experience do it? Absolutely, but you need to think as a coder (as in what you want to build and how it interacts, the features, etc...). You need to think as a CEO. You need think as a CIO, a CFO, a hacker, and end user with no experience with computers. It isn't just about the code it is about looking at the bigger picture.
My .02$
minimalist phone: creating folders
@david_sherer Anybody who wants to build something complex and innovative must be multidisciplinatory. Because when you have an image of a product and when you want to get the best output, you should ask a very specific person (who only a professional is able to ask because has some idea how things work). ATM, I cannot afford to ask such specific programming questions, because I cannot have an idea that something like that can even exist. But I want to learn.
@busmark_w_nika I would be happy to help :)
minimalist phone: creating folders
@david_sherer Thank you! :)
@busmark_w_nika Hey there! I built these, and had a ton of fun,learning and upskilling while doing it. I started early on with Figma Make, moved to Google AI Studio, fell in love with Antigravity when it came along and now a total slave to @Claude by Anthropic .
A satirical career survival runner across 4 stages of modern working life. Balance 4 collapsing stats, dodge 27 obstacles, grab 26 power-ups. Survive the grind.
The world's first all-seeing, all-hearing, (almost) all-doing AI agent. The only AI agent with Claude Code living in its brain. A cross-platform, multimodal agent that sees, hears, thinks, speaks, and acts on your machine. Free & open source.
A deterministic, AI-powered timeline intelligence engine that assembles precise, interactive 2D and 3D timelines to explore the journey of any topic, idea, product, or movement over time, grounded in real-world sources.
minimalist phone: creating folders
@shandar The middle one reminds me of this! :D
Springfield Oracle
I vibecoded @Springfield Oracle on @Claude Code & @Vercel . I think the most difficult part about this, was version control, just to add more context I'm a marketer by profession, and have 0 working knowledge about any of this until i actually began, so when I was halfway through it, things started breaking apart and I had no way to understand where the leaks where, it took me some time, some sessions with friends in tech to understand how these things work, and finally figure out a way to have more control over the code, even though it's vibecoded. I didn't earn anything out of it yet, but this did give me an idea for a bigger product with a more nuanced edge case. It was fun to build and see it develop into something people and the community genuinely talk about with interest.
minimalist phone: creating folders
@isha_godboley what if AI "damages" your code by constantly rewriting? Don't you need the help of a professional coder/programmer then?
Springfield Oracle
@busmark_w_nika Absolutely, so far I didn't need that level of help (spray and pray would not work in the long term for sure), but I'm of the view that vibecoding is good for people like us, with 0 coding knowledge, or resource availabilty and drive to build something fast, I think this project helped me understand what to build next, find a PMF and stress test the idea. But when I actually build the next level of this, I'm not going to rely on this stack entirely, I may create a basic version to explain the idea to someone, or to visualize and plan how things will look like and work, but when I have to build a consumer focussed shippable version, I will almost certainly have to find a professional coder/tech resource to build it out with me.
I feel vibecoding is cool for low stakes, hobby projects, or to stress test an idea at a short time while you pool in resources and work on the plan for the bigger product, but when the stakes go high, and if you're planning on creating a data storage/get payments from the site, vibecoding can quickly become unreliable and expose a lot of cruicial security issues that might go very very wrong for high stake products.
Piñata Birthday Reminder
Piñata - been up on iOS and Android for a few months. 🎉
I'm a product designer who'd never shipped an app solo before. Built it with Cursor and Claude Code. It's a freemium birthday reminder app, and I've sold a couple Pro subscriptions so far.
👉 https://getpinata.app/
minimalist phone: creating folders
@blamebento Interesting, something like this could be used for better CRM to somehow surprise customers :)
We built our entire website in @V0.dev for Flyweel, would love any feedback.
Maintenance and updates without burning through credits became tricky. Have started using @Cursor more and love the new release of @Dyad!
minimalist phone: creating folders
@flyweel_turner What will Flyweel be capable of? Track your finances? I would say that this is a more mobile app solution.