> ## Documentation Index
> Fetch the complete documentation index at: https://easycode.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Planning

> Planning before implementation increases code quality and prevents unnecessary errors.

<Frame height="100%">
  <img src="https://mintcdn.com/easycode/YN5Y-hzbFl3k9ffW/images/guides/planning-diagram.png?fit=max&auto=format&n=YN5Y-hzbFl3k9ffW&q=85&s=376ff3355a2bd938daaa4e3d0ef498e9" alt="Planning Diagram" style={{height: '100%', width: '100%', objectFit: 'contain'}} width="3465" height="2160" data-path="images/guides/planning-diagram.png" />
</Frame>

EasyCode's **Planning Mode** can be triggered at 2 different levels:

* **Project level**: break down a large idea into features, user flows, API integrations etc.
* **Feature level**: scope out a feature into techinical steps, with order of implementation.

There are 2 ways to activate Planning Mode\*\*:\*\*

1. Automatic Mode
2. Manual Mode

<Tip>
  It's critical to take the time to **review AI generated plans**. \
  \
  Otherwise, there may be a difference between what you have in mind, and what the AI thinks you are trying to build - causing many issues during testing and validation.
</Tip>

## Automatic Planning Mode

At the start of every new chat, including the very first prompt, EasyCode Agent will assess the complexity & vagueness of your prompt.

If it deems the prompt is either too complex, or too vague, it will enter planning mode.

<Frame height="100%">
  <img src="https://mintcdn.com/easycode/YN5Y-hzbFl3k9ffW/images/guides/vagueness.jpg?fit=max&auto=format&n=YN5Y-hzbFl3k9ffW&q=85&s=6e88102673aa0acdb898e8832382885d" alt="Vagueness Example" style={{height: '100%', width: '100%', objectFit: 'contain'}} width="966" height="336" data-path="images/guides/vagueness.jpg" />
</Frame>

## Manual Planning Mode

To activte planning manually, simply tell the AI to

> Create a plan to \_\_\_\_\_\_\_

This will cause the AI to enter planning mode, and create a `plan.md` which you can modify directly or chat with the AI to modify.

<Frame height="100%">
  <video src="https://mintcdn.com/easycode/YN5Y-hzbFl3k9ffW/images/guides/planmd.mp4?fit=max&auto=format&n=YN5Y-hzbFl3k9ffW&q=85&s=b6917160a98b67c2e003128793735b16" controls style={{height: '100%', width: '100%', objectFit: 'contain'}} data-path="images/guides/planmd.mp4" />
</Frame>

To see a diagram of the plan, click **View Visualization** at the bottom right.