Docs/Plan Mode
DocsPlan Mode
Free

Plan Mode

Get a structured analysis of what will be built before any code changes. Better planning leads to better code on the first try.

What is Plan Mode

Plan Mode lets you analyze a request before committing to code changes. Instead of immediately modifying your app, the AI returns a structured breakdown covering what it understands, which files are affected, what the implementation plan is, and what trade-offs or edge cases to consider.

  • No code is generated or modified — analysis only.
  • Returns structured markdown covering understanding, affected files, implementation plan, and considerations.
  • Available in the chat panel for any existing app.
  • Works alongside regular chat refinement — toggle it on when you need to think before building.

How to Use It

Toggle Plan Mode in the chat panel with one click. The AI switches from code generation to structured analysis.

1

Open the chat panel

Navigate to your app and open the chat panel on the right side.
2

Toggle Plan Mode

Click the Brain icon button next to the chat input. It turns purple when active and the placeholder text changes to "Ask for analysis or planning..."
3

Describe what you want

Type your request as you normally would. For example: "Add user authentication with Google OAuth and a profile page."
4

Review the plan

The AI returns a structured analysis instead of modifying code. Review the affected files, implementation approach, and any trade-offs.
5

Execute or refine

Toggle Plan Mode off and send the same request (or a refined version) to execute the actual code changes.

Pro Tip

Use Plan Mode for complex features that touch multiple files. The analysis helps you understand the scope of changes before they happen, reducing "fix-and-break" cycles.

What You Get

A Plan Mode response includes four sections:

Understanding

What the AI understood from your request — confirms alignment before any work begins.

Affected Files

Which files will be created, modified, or deleted. Helps you understand the blast radius.

Implementation Plan

Step-by-step breakdown of how the changes will be made. Specific enough to review.

Considerations

Trade-offs, edge cases, potential issues, and alternative approaches worth considering.

Architecture Planning

For complex multi-page apps, GenMB automatically creates an architecture plan before generating code. This happens behind the scenes — you don't need to toggle anything.

  • Triggered automatically when the AI detects a complex, multi-page application.
  • Designs the page structure, data model, and shared components before generation starts.
  • Ensures all generated files are architecturally consistent — pages share the same data model, navigation, and component patterns.
  • The architecture context is injected into the generation prompt so every file aligns with the overall design.

Automatic

Architecture planning runs automatically for complex apps. You do not need to enable it — the AI decides when an app is complex enough to benefit from upfront architecture design.

GenMB Code Planning

GenMB Code (Pro feature) adds execution plans with approve/reject gates. Before modifying any files, the AI creates a detailed plan listing every file action (read, create, edit, delete) and waits for your approval.

Read

AI will read the file to understand current implementation.

Create

AI will create a new file at the specified path.

Edit

AI will modify an existing file with targeted changes.

Delete

AI will remove a file that is no longer needed.

You can approve the plan to proceed, or reject it with feedback. If rejected, the AI re-plans based on your feedback without making any changes.

GenMB Code planning is especially useful for large refactors where you want to review the scope of changes before they happen. The approve/reject gate ensures nothing unexpected is modified.

When to Use Plan Mode

Plan Mode is most valuable when the cost of getting it wrong is high.

Complex features

Authentication flows, payment integration, multi-step forms — plan first to understand the full scope.

Architecture decisions

Choosing between approaches (client-side vs server-side, state management patterns) — get analysis before committing.

Multi-file changes

Features that touch 5+ files benefit from understanding the blast radius upfront.

Debugging strategy

Before trying to fix a bug, use Plan Mode to analyze the root cause and identify which files are involved.

FAQs

Does Plan Mode use my generation credits?▾
Plan Mode uses a lightweight AI call to analyze your request. It is significantly cheaper than a full code generation because it does not produce or modify any code — only structured analysis.
Can I use Plan Mode for new app generation?▾
Plan Mode works in the chat panel for existing apps. For new apps, the architecture planning system handles this automatically — when you describe a complex multi-page app, GenMB creates an architecture plan before generating code.
What is the difference between Plan Mode and GenMB Code planning?▾
Plan Mode (free, chat panel) gives you a structured analysis of what will change. GenMB Code planning (Pro) creates a step-by-step execution plan with file-level actions that you can approve or reject before any code is modified.
Is Plan Mode available on the Free plan?▾
Yes. The Plan Mode toggle in the chat panel is available on all plans. GenMB Code planning with approve/reject gates requires a Pro subscription.

Ready to build?

Create your first app for free — no credit card required.

Visual EditorSecurity & Code Quality