By playing, you agree to uListen's Terms and Privacy Policy and YouTube's Terms of Service.
How I AIA complete beginner's guide to coding with AI: From PRD to generating your very first lines of code
Summaries, chapters, transcripts, and FAQs on this page are made by uListen, not YouTube.
At a glance
WHAT IT’S REALLY ABOUT
Beginner-friendly workflow: PRD to local app with AI coding tools
- Claire Vo walks complete beginners through creating their first AI-assisted codebase live, aiming for a “safe space” where mistakes are expected and progress is the goal.
- She starts with a PRD in ChatPRD, tries to prototype in Vercel’s v0, then abandons it due to scope creep and errors—using that failure to teach workflow selection.
- She pivots to Cursor, where an agent scaffolds a minimal Next.js app that manages Markdown docs and simple prototype routes, then runs it locally via npm.
- She adds GitHub Desktop for visual version control, creates a reusable PRD-writing agent file, generates a sample PRD and a clickable prototype from it, improves UI/README, and recaps the repeatable end-to-end loop.
IDEAS WORTH REMEMBERING
5 ideasStart with a PRD to get better AI build outputs.
Claire uses ChatPRD to draft a minimal requirements doc first, then feeds it into build tools. She frames PRDs as a way to reduce back-and-forth prompting and keep the build aligned.
Vibe-coding platforms can overbuild—be ready to walk away fast.
Her v0 attempt adds features she didn’t ask for (sandboxing, file management) and surfaces errors; she treats it as a low-cost misfire and pivots rather than “debugging the wrong path.”
Cursor can scaffold from an empty folder faster than you think.
Starting with a blank directory, she uses Cursor’s Agents flow (Composer 1 model) to generate a working Next.js app, install dependencies, and provide run instructions—without needing to understand the files upfront.
Design the app around two simple primitives: docs and prototypes.
The hub is intentionally minimal: Markdown docs stored in a docs directory with live preview, and prototype pages created as routes in a prototypes directory that auto-appear in the UI.
Ask the agent for “how to run it” and “explain it,” not just code.
Claire emphasizes that beginners don’t need to parse code immediately; they can rely on the agent to provide npm run dev instructions and to add homepage documentation that explains usage.
WORDS WORTH SAVING
5 quotesWe don't call questions dumb questions, we call them safe space questions.
— Claire Vo
We are not gonna stress out about the quality of the code right now.
— Claire Vo
I wanted it very simple... and it's building me a bunch of stuff I don't need.
— Claire Vo
This is a bust, and that's okay.
— Claire Vo
Do you want to look at files when you are building an app? No, you wanna look at apps when you're building an app.
— Claire Vo
High quality AI-generated summary created from speaker-labeled transcript.
