Nov '25 • Templates & Resources
đź“„ PRD Starter: How to prompt ChatGPT (or other AI Agent) to write your first spec
The first step in any Lovable build is a clear PRD (Product Requirements Document). Use the prompt below. It’s beginner-friendly, but also locks in the Lovable stack: React, TypeScript, Vite, Zustand (no need to explain it to users—just note it for the project).
1) Copy–paste prompt (fill in the brackets)
Prompt to ChatGPT (or preferred AI agent):
I’m starting a small web app in Lovable. Please write a short, beginner-friendly PRD I can paste into my project.
Product name: [Name]
- One-line goal: [What it does in 1 sentence]
- Audience: [Who it helps]
- Top 3 user jobs: [Job 1], [Job 2], [Job 3]
- Must-have features (v1): [3–6 bullets]
- Nice-to-have (later): [2–4 bullets]
- Success in 2 weeks looks like: [e.g., 1 working screen + 3 users test it]
- Tone/constraints: keep it non-technical, short sections, action steps, no jargon.
Include these sections exactly:
- Problem & Outcome
- Users & Jobs-to-be-Done
- Scope (v1 vs later)
- User Flows (bullet steps only)
- Screens (name + purpose + fields/buttons)
- Data (simple list of items to store)
- Non-Goals
- Risks & Assumptions
- Success Metrics (2–4 simple measures)
- Next 5 Actions (tiny tasks I can do today)
Tech setup (for Lovable):
- Use React + TypeScript + Vite + Zustand.
- Don’t explain these tools—just list this stack under a “Tech Setup” line so it’s recorded.
- Optimize for Lovable: propose one simple first screen, with clear labels for buttons and inputs.
2) What a good v1 PRD looks like (outline)
- Problem & Outcome: Plain English—what hurts, what “done” looks like.
- Users & Jobs: Who uses it + 3 tasks they need to finish.
- Scope: Must-haves now; nice-to-haves later.
- User Flows: Click-through steps, no diagrams.
- Screens: 1–3 screens max; name/purpose/fields/buttons.
- Data: Short list of what you’ll save.
- Non-Goals: What you’re not building yet.
- Risks & Assumptions: Blocks + guesses.
- Success Metrics: e.g., “1 demo posted,” “3 people try it.”
- Next 5 Actions: Obvious, tiny steps.
3) Mini example (with tech setup)
- Product name: Meal Prep Buddy
- One-line goal: Plan a week of simple meals in 3 minutes.
- Audience: Busy professionals (ages 20 - 60)
- Top jobs: Pick meals, generate shopping list, save favorites.
- Must-have: Add meal, weekly plan view, auto shopping list, save favorite.
- Later: Nutrition view, share plan, delivery link.2-week success: 1 screen live + 5 testers.
Tech Setup: React + TypeScript + Vite + Zustand (Lovable default; do not explain to users)
Screens / Pages
- Home (Weekly Planner):
- Shopping List (Generated):
Data
- Meal {name, notes, ingredients[]}
- Plan {weekStart, mealsByDay[]}
- Favorite {mealId}
Next 5 actions
- Create Lovable project
- Use the PRD from your AI agent to start the lovable initial build process... Review the PRD first and remove anything that doesn't apply.
- Generate Home screen (title + “Add meal” + “Make shopping list”)
- Post a screenshot in Demos, ask one question for feedback...
- Continue by testing the app and adding dictation to alter it to your needs...
4) Pro tips
- Keep v1 to one screen if possible.
- Use friendly labels (“Make shopping list”).
- Aim for a demo in 2-3 hours.
- Share progress in Show & Tell (Demos) for fast feedback.
0
0 comments
đź“„ PRD Starter: How to prompt ChatGPT (or other AI Agent) to write your first spec
powered by
skool.com/vibe-coding-academy-3182
Learn how to create an entire application without having to code anything yourself. With AI tools anyone can make their ideas a reality. Let's dance!
Suggested communities
Powered by