Prompting for Applications: The Art of Description
From the course Vibe Coding: Build Full Apps with AI
The quality of your vibe-coded app depends entirely on how well you describe what you want. Here's how to prompt effectively for application building.
The Application Prompt Framework
"Build a [type of app] that [core purpose]. Users should be able to [key actions]. The design should feel [aesthetic]. Include [specific features]."
Example: Building a Habit Tracker
Bad prompt: "Build me a habit tracker"
Good prompt: "Build a habit tracker web app where users can: (1) add habits with custom names and icons, (2) check off habits daily with a satisfying animation, (3) see a streak counter for each habit, (4) view a weekly calendar grid showing completed vs missed days, (5) get a daily completion percentage. Design: clean, minimal, dark mode with green accent colors. Mobile-responsive."
Incremental Building
Don't try to describe everything at once. Build in layers:
Round 1 — Core functionality:
"Build a recipe manager. Users can add recipes with a title, ingredients list, and step-by-step instructions. Show recipes in a card grid with search."
Round 2 — Enhanced features:
"Add the ability to tag recipes by category (breakfast, lunch, dinner, dessert). Add a filter sidebar to filter by category. Add a favorites button on each recipe card."
Round 3 — Polish:
"Make the design more polished: add recipe photos (image upload or URL), improve the card layout with hover effects, and add a cooking time badge on each card."
Describing UI Design
Be specific about aesthetics:
- "Clean, minimal design with lots of whitespace"
- "Dark mode with purple accents, glassmorphism cards"
- "Notion-inspired layout with a sidebar and clean typography"
- "Dashboard-style layout with a top navbar and card grid"
Describing Behavior
Specify how things should work:
- "When the user clicks 'Add', show a modal form, not a new page"
- "The list should update in real-time without page refresh"
- "Show a toast notification when the action succeeds"
- "Include loading spinners during data fetches"
Common Mistakes
- Too vague — "Build something cool" gives unpredictable results
- Too long — Massive prompts confuse the AI; build incrementally
- No design direction — Always specify the visual style you want
- Ignoring mobile — Always mention "mobile-responsive" or specify breakpoints
Key Takeaways
- •Use the framework: type of app + core purpose + key actions + design + features
- •Build incrementally in rounds: core → features → polish
- •Be specific about UI design: mention style references, colors, and layout patterns
- •Describe behavior explicitly: modals vs. pages, animations, notifications
- •Avoid massive single prompts — build in focused, iterative layers
Progress is kept in this browser only.