# Interactive Planning Mode

**Interactive Planning Mode** enables you to work collaboratively with PureCodeAI to create a detailed, structured plan for implementing new features or tasks in your project. By enabling this mode, you can break down complex development work into manageable steps.

{% embed url="<https://purecodestorageprod.blob.core.windows.net/component-images/docs/planning_steps>" %}

### **How it Works:**

{% stepper %}
{% step %}

### **Enable Planning Step:**

Toggle on the Planning Mode option located below the chat input box. \[ Note : This planning step will be automatically enabled by default ]&#x20;

<figure><img src="https://1934073637-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVx22AmjG9CHfbdGPtjJI%2Fuploads%2Fk8t7M2BO60QOArOAsG31%2Fscreenshot%20(21).png?alt=media&#x26;token=a549efd4-9caf-4979-a85d-8640acf549ca" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### Generate a Plan:

* With Planning Mode enabled, prompt in our vs code extension to create a plan for your intended feature or task.

<figure><img src="https://1934073637-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVx22AmjG9CHfbdGPtjJI%2Fuploads%2FMKiG3XiiVuU7bUBODP49%2Fscreenshot%20(20).png?alt=media&#x26;token=eb178809-f4d1-4004-9d27-bc55b1147e0b" alt=""><figcaption></figcaption></figure>

* Our AI will provide a step-by-step breakdown, detailing key actions, necessary files, and components involved.
  {% endstep %}

{% step %}

### Execute and Iterate:

* Review the AI-generated steps and begin implementation.

<figure><img src="https://1934073637-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVx22AmjG9CHfbdGPtjJI%2Fuploads%2FRttUf15JSfvXCm5woC8H%2Fscreenshot%20(22).png?alt=media&#x26;token=1829255f-756f-4526-882d-b26f25ebc87b" alt=""><figcaption></figcaption></figure>

* As you progress, you can request further clarifications or adjustments to the plan, ensuring alignment with your project's goals.
  {% endstep %}
  {% endstepper %}

{% hint style="info" %}
**Tips for Effective Use:**&#x20;

**Continuous Refinement:** Iterate on your plans by seeking AI feedback, allowing for continuous improvement and adaptation to project needs.&#x20;

**Collaborative Planning:** Use Planning Mode to discuss architectural decisions and strategize feature implementations with your team, leveraging AI-generated insights to inform your approach.
{% endhint %}

## Example

**Prompt:** "Outline the steps to integrate Stripe payment gateway into a React e-commerce application."

#### AI-Generated Steps:

1. Install Stripe SDK: Begin by adding Stripe's JavaScript library to your React project.
2. Set Up Backend: Create the necessary API endpoints to manage payment intents and communicate with Stripe's servers.
3. Design Payment Form: Build a user-friendly payment form utilizing Stripe's React components for a seamless experience.
4. Handle Payment Confirmation: Implement the logic to confirm payments and provide users with success or failure notifications.
5. Secure Payment Data: Make sure to handle sensitive payment information securely, following PCI compliance standards.
6. Test Payment Flow: Conduct comprehensive testing of the payment process, including various edge cases and error handling scenarios.

### **Benefits:**

* **Structured Workflow:** Ensures that you approach feature development and tasks in a methodical, organized way.
* **Clear Actionable Steps:** Breaks down complex tasks into smaller, actionable steps, making development more manageable.
* **Improved Efficiency:** Helps you plan better, reduces the risk of missing important steps, and accelerates task completion.
* **Interactive Feedback:** If needed, you can ask for adjustments to the plan and PureCodeAI will modify it based on your input, offering a highly adaptable approach.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://purecodedocs.gitbook.io/docs/features/openapi.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.