# Canvas

{% hint style="success" %}
Updated in v3.1.1
{% endhint %}

## Concept

Canvas is the structured blueprint that QuantumByte generates from the user’s idea. It captures the core of the product concept. Unlike a blank document or slide deck, the Canvas is auto-generated and organizes the user’s thoughts into sections.

<figure><img src="/files/pkGGl0uUdF54AMu0MclY" alt=""><figcaption></figcaption></figure>

The key sections in Canvas act as a guided tools. It sections designed to help you brainstorm about your product, from concept to impact.

| Sections                | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          |
| ----------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Cover**               | Cover displays the title, tagline, and app preview of the app created from prompt. The title and tagline in the cover is customizable.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               |
| **Foundation**          | <p>This section highlights three points: <strong>Problem Statement</strong>, <strong>Strategic Direction</strong>, and <strong>Core Value Proposition</strong>.</p><ul><li><strong>Problem Statement</strong> states why the product needs to exist and which specific issues or inefficiencies it addresses. Identifying these early gives the rest of the Canvas a clear purpose and direction.</li><li><strong>Strategic Direction</strong> is the foundational plan that defines <em>what</em> a product aims to achieve in the long term and <em>why</em> it matters. This direction acts as a guiding framework, ensuring that every decision coherently contributes to the overarching business goals.</li><li><strong>Core Value Proposition</strong> is statement that explains the fundamental benefit your product provides to a specific user.</li></ul> |
| **Impact**              | **Impact** page includes all personas aimed by the products and how the product will be used by the personas.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        |
| **Product** **Roadmap** | The **Product Roadmap** is the central hub where your application's development plan is generated and managed. It breaks down the build process into specific tasks, which are categorized as either **AI Task** (handled automatically by the platform) or **User Task** (requiring action from human developers). You can prioritize the order of these tasks, track the overall progress of your app, and from this page, access advanced tools like Pro Build, the Advanced Editor, or the Code Editor to move forward.                                                                                                                                                                                                                                                                                                                                          |
| **Chat Agent**          | The Chat Agent allows you to modify your application using natural language, simply by typing instructions to an AI Developer. You can specify which part of the app you want to change, ensuring targeted updates. For specialized guidance, you can interact with one of four distinct AI personas: the **Visionary**, the **Designer**, the **Consultant**, or the **Engineer**. For a detailed guide on using this feature, please refer to the full **Chat Agent** documentation.                                                                                                                                                                                                                                                                                                                                                                               |

## Editing and Ripple Effect

Canvas allows users to **modify any component of their generated concepts**, from any concept  starting with **Cover**, **Foundation**, **Impact**, and **Product Roadmap**. Each edit is not only a change in description but also a functional update that affects how the application behaves.

Because Canvas's **Concept** serves as the conceptual foundation of the app, every edit directly influences its logic, structure, and interactions. For instance, if a user changes a goal or adds a new process in the Canvas, the system will adapt the app’s corresponding modules, pages, or services to match that intent. This makes the Canvas a true source of control, where conceptual updates translate into operational outcomes.


---

# 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://docs.quantumbyte.ai/components/canvas.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.