The algorithm always finds me something interesting to watch and learn. The other day, I stumbled on this step-by-step tutorial on building with an AI chatbot. Here's another great one I found: Vibe Coding with AI.
⚠️Disclaimer ⚠️
I am not here to teach you vibe coding (there are already plenty of tutorials out there), but I want to share a few things I have learned along the way. 🤓
🔑 Tips for Vibe Coding with AI
1. Testing & Iterating Is Everything
Vibe coding is great for building your MVP quickly. Don't expect version one to be perfect—mine certainly wasn't. I tested out a few builds, figured out the style I liked, and added new features with Claude.
With Claude, you even get a working prototype without digging into the code 👩💻. You can play around, iterate, and refine features before building the final version. Just like at work, you create a demo, get feedback, and improve in the next sprint.
2. Choose the Right AI Tool
I have found that Claude AI is better for generating code, while ChatGPT shines when refining PRDs (Product Requirement Documents).
My workflow:
Use ChatGPT to polish the PRD.
Hand it off to Claude with the simple prompt: “This is the PRD. Write code based on it.”
Claude generates the code (and now even prototypes in v12).
When I ran out of free prompts in Claude (happens fast 😢 ), I switched back to ChatGPT. The output was different: more text explanations, fewer UI elements. 🧐 To make it work, I copied the code into VS Code and ran it locally as an HTML file.
3. Dummy Data First
When building with AI, most prototypes run on dummy data. For example, my project needed recipe APIs for real-time content, but I couldn't fully integrate that part yet. And that's okay - dummy data still gets the idea across.
4. Always Write a PRD
(This is suggested in the youtube tutorials and its so helpful👏🏻) Even a lightweight PRD helps AI generate better results. My PRD included:
The problem I wanted to solve (finding recipes by ingredients + videos).
Features I wanted to include.
A rough user journey.
Aesthetic preferences like color tones, style, and fonts.
Since I was building something I personally wanted to use, I skipped formal research and interviews. The PRD was enough to guide the AI.
It's fascinating to see how different AI tools can come together to create something new. You don't need to be an expert coder - the key is trying, testing, and iterating.
Sure, I might be late to the vibe coding trend (those videos are from three months ago), but honestly? It's never too late to build, learn, and experiment. 🧪
The AI world is your oyster. 🌍✨
This is Claude.
If you find my articles helpful, would you buy me a bubble tea?
(Click here to buy me a bubble tea)