Planner Mode
A planning agent that asks you targeted questions before building — so the AI understands exactly what you want before writing a single line of code.
What is Planner Mode?
Planner Mode is an optional step that runs before the builder agent starts coding. When you type a prompt and hit send, a popup appears asking if you want to plan first or skip straight to building.
For simple apps like a landing page or calculator, you can skip planning entirely. But for complex multi-page applications or apps that need specific design direction, Planner Mode dramatically improves the quality of the output.
How It Works
Targeted Questions
The planner agent asks you a series of focused questions about your app — things like layout preference, color scheme, number of pages, and key functionality.
Answer Your Way
You can answer each question individually in a guided flow, or switch to freeform mode and answer all questions at once in a single message.
Spec Generation
The planner generates a detailed specification document for your app based on your answers. This spec covers architecture, pages, components, styling, and functionality.
Review & Approve
You can approve the spec as-is, edit parts of it, or reject it and start over. You have full control before any code is written.
Handoff to Builder
Once approved, the specification is automatically handed to the builder agent, which uses it as a blueprint to generate your app.
When to Use Planner Mode
USE PLANNER
- Complex multi-page apps
- Specific design requirements
- Apps with user authentication
- Dashboard or data-heavy apps
SKIP PLANNER
- Simple single-page apps
- Quick prototypes
- Landing pages
- Very detailed prompts