The Vibe Coding Diaries: 🕑 PRD & Prototype
The second hour
1st Night 2nd Hour - Design Night with Claude
There’s something poetic about building a vibe-coded app while surrounded by glitter, glue sticks, and half-eaten snacks. Maybe creativity isn’t about calm focus… maybe it’s about making something magical right in the middle of the mess?
I don’t know about you, but I found it to be the perfect setup to dream up my app’s visuals. 😊
The goal of the hour?
To turn my scrappy PRD into something visual.
First, I asked ChatGPT to generate the first version of my PRD from all the decisions I pinned down during the brainstorming session: the main problem statement, target user persona, MVP and future features, flow, etc.
Make sure you keep your PRD handy for the next few steps, because it is your main building block. Your source of truth.
Now, my favourite step: Let’s prototype!
Hey, Claude!
I love playing with designs. I use the same prompt with only one difference: the design style reference.
Claude sketched out the party planner screen for a few styles, such as neo-brutalism, graffiti, LEGO, K-Pop Demon Hunters. Which one do you fancy?
💡And here is one of my favourite features of Claude: you can download the code in one file, and use it in Lovable or Bolt to create your app very close to what you want it to look like.
Next step: actually building it.
But hold on! Before we do that, let’s introduce a new member to our vibe coding team: Nano Banana. 🍌
