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

# Use credits efficiently

> Learn how to choose the right mode, model, chat context, and prompt style so Zite can build with fewer used credits.

## Overview

Credits are used when Zite does AI-powered work, including Chat, Plan, and Build mode. The amount depends on how much work Zite needs to do: the model used, the size of the app, the context in the chat, and how many screens, files, tables, workflows, or integrations need to be changedCredits are used when Zite does AI-powered work, including Chat, Plan, and Build mode. The amount depends on how much work Zite needs to do: the model used, the size of the app, the context in the chat, and how many screens, files, tables, workflows, or integrations need to be changed.

<Tip>
  Before sending a build request, decide whether you need an answer, a plan, or an app change. Choosing the right mode is usually the biggest credit-saving habit.
</Tip>

## Quick guide

| What you need                                          | Use this                                                                               | Why it helps                                                         |
| ------------------------------------------------------ | -------------------------------------------------------------------------------------- | -------------------------------------------------------------------- |
| Understand an existing page, workflow, bug, or setting | [Chat mode](/help/platform/how-to-build/agent-modes/chat-mode)                         | Zite can inspect and explain without changing the app.               |
| Scope a new app or major feature                       | [Plan mode](/help/platform/how-to-build/agent-modes/plan-mode)                         | You can review screens, data, and workflows before Zite builds.      |
| Make a known app change                                | [Build mode](/help/platform/how-to-build/agent-modes/build-mode)                       | Zite edits the app only after the goal is clear.                     |
| Make a simple edit                                     | [Selective Edits](/help/platform/basics/selective-edits), manual editing, or Zite Mini | Small changes do not need the most capable model.                    |
| Start a different feature after a long thread          | [Multi-chat](/help/platform/basics/multi-chat)                                         | A fresh chat keeps context focused and can reduce unnecessary input. |
| Solve a complex or persistent issue                    | Zite Max                                                                               | Use the strongest model when the task needs deeper reasoning.        |

## Start in the right mode

Zite has three modes: Build, Plan, and Chat. Use them intentionally instead of sending every request straight to Build mode.

<img src="https://mintcdn.com/zite/4Hi-W4Dgv5Y9NuMJ/help/images/getting-started/credit-efficiency-plan-build-chat.webp?fit=max&auto=format&n=4Hi-W4Dgv5Y9NuMJ&q=85&s=028ddd4c8819bb7cbb79de39292d4a04" alt="Mode selector showing Build, Plan, and Chat modes" title="Mode selector showing Build, Plan, and Chat modes" style={{ width: "58%" }} width="922" height="472" data-path="help/images/getting-started/credit-efficiency-plan-build-chat.webp" />

### Use Chat mode before you build

Chat mode is read-only. It can inspect your app, explain how something works, suggest approaches, or help you decide what to ask for next.

<Tip>
  Before sending a build request, decide whether you need an answer, a plan, or an app change. Choosing the right mode is usually the biggest credit-saving habit.
</Tip>

## Quick guide

| What you need                                          | Use this                                                                               | Why it helps                                                         |
| ------------------------------------------------------ | -------------------------------------------------------------------------------------- | -------------------------------------------------------------------- |
| Understand an existing page, workflow, bug, or setting | [Chat mode](/help/platform/how-to-build/agent-modes/chat-mode)                         | Zite can inspect and explain without changing the app.               |
| Scope a new app or major feature                       | [Plan mode](/help/platform/how-to-build/agent-modes/plan-mode)                         | You can review screens, data, and workflows before Zite builds.      |
| Make a known app change                                | [Build mode](/help/platform/how-to-build/agent-modes/build-mode)                       | Zite edits the app only after the goal is clear.                     |
| Make a simple edit                                     | [Selective Edits](/help/platform/basics/selective-edits), manual editing, or Zite Mini | Small changes do not need the most capable model.                    |
| Start a different feature after a long thread          | [Multi-chat](/help/platform/basics/multi-chat)                                         | A fresh chat keeps context focused and can reduce unnecessary input. |
| Solve a complex or persistent issue                    | Zite Max                                                                               | Use the strongest model when the task needs deeper reasoning.        |

## Start in the right mode

Zite has three modes: Build, Plan, and Chat. Use them intentionally instead of sending every request straight to Build mode.

<img src="https://mintcdn.com/zite/4Hi-W4Dgv5Y9NuMJ/help/images/getting-started/credit-efficiency-plan-build-chat.webp?fit=max&auto=format&n=4Hi-W4Dgv5Y9NuMJ&q=85&s=028ddd4c8819bb7cbb79de39292d4a04" alt="Mode selector showing Build, Plan, and Chat modes" title="Mode selector showing Build, Plan, and Chat modes" style={{ width: "58%" }} width="922" height="472" data-path="help/images/getting-started/credit-efficiency-plan-build-chat.webp" />

### Use Chat mode before you build

Chat mode is read-only. It can inspect your app, explain how something works, suggest approaches, or help you decide what to ask for next.

Use Chat mode when you are about to ask something broad like:Use Chat mode when you are about to ask something broad like:

* "Improve this dashboard"

* "Make the checkout flow better"

* "Why is this not working?"

* "What should I add to this client portal?"

* "Improve this dashboard"

* "Make the checkout flow better"

* "Why is this not working?"

* "What should I add to this client portal?"

Turn those into questions firstTurn those into questions first:

```text theme={null}
Review the customer dashboard and suggest 3 changes that would make it easier for an account manager to spot overdue renewals. Do not edit the app yet.
```

Once you like the direction, switch to Build mode and ask for the exact change.

### Use Plan mode for bigger work

Plan mode is useful when the app direction, database structure, user roles, workflows, or integrations are still being decided. It consumes credits, but it can save more by catching wrong assumptions before Zite edits the app.

Use Plan mode for:

* New apps
* New portals or dashboards
* Features with multiple screens
* Workflow-heavy changes
* Client or stakeholder review
* Anything where the first build would be expensive to redo

```text theme={null}
Review the customer dashboard and suggest 3 changes that would make it easier for an account manager to spot overdue renewals. Do not edit the app yet.
```

Once you like the direction, switch to Build mode and ask for the exact change.

### Use Plan mode for bigger work

Plan mode is useful when the app direction, database structure, user roles, workflows, or integrations are still being decided. It consumes credits, but it can save more by catching wrong assumptions before Zite edits the app.

Use Plan mode for:

* New apps
* New portals or dashboards
* Features with multiple screens
* Workflow-heavy changes
* Client or stakeholder review
* Anything where the first build would be expensive to redo

<Frame>
  <img src="https://mintcdn.com/zite/_3j3p5bp-vJtA5pW/help/images/how-to-build/agent-modes/plan-mode-1.webp?fit=max&auto=format&n=_3j3p5bp-vJtA5pW&q=85&s=d76c8630b4d71560b0bab32274b7f765" alt="Editable Plan mode document with page thumbnails and wireframe previews" width="3000" height="2000" data-path="help/images/how-to-build/agent-modes/plan-mode-1.webp" />
</Frame>

### Use Build mode when the change is clear

Build mode is where Zite changes your app. Use it when you can name the page, component, data, behavior, and constraints.

```text theme={null}
On the Orders page, add a status filter above the table with options for All, Pending, In progress, Shipped, and Cancelled. Keep the current table design and do not change the left navigation.
```

## Choose the right model

Different models use credits at different rates. Use the lightest model that is likely to complete the task well.

<img src="https://mintcdn.com/zite/4Hi-W4Dgv5Y9NuMJ/help/images/getting-started/credit-efficiency-ai-model.webp?fit=max&auto=format&n=4Hi-W4Dgv5Y9NuMJ&q=85&s=2bee3a339c23d97b0205daa2b630903f" alt="Model selector showing Zite Mini, Zite Pro, and Zite Max" title="Model selector showing Zite Mini, Zite Pro, and Zite Max" style={{ width:"64%" }} width="1060" height="474" data-path="help/images/getting-started/credit-efficiency-ai-model.webp" />

| Model         | Use it for                                                                                        | Avoid using it for                                      |
| ------------- | ------------------------------------------------------------------------------------------------- | ------------------------------------------------------- |
| **Zite Mini** | Text updates, small styling changes, simple component tweaks, quick fixes                         | New data models, complex workflows, or unclear requests |
| **Zite Pro**  | Most feature work, bug fixes, design updates, and normal app building                             | Problems that have already failed several times         |
| **Zite Max**  | Complex reasoning, multi-step workflows, architecture changes, persistent bugs, high-stakes edits | Routine text, color, spacing, or copy changes           |

<Note>
  Plan mode and Chat mode use Zite Max automatically. Build mode uses the model you select.
</Note>

## Keep chat context focused

Long chats can include old decisions, bug reports, experiments, and outdated instructions. That extra context can make requests harder to process and can increase credit usage.

Use [Multi-chat](/help/platform/basics/multi-chat) to split unrelated work into separate threads inside the same app.

<Frame>
  <img src="https://mintcdn.com/zite/JyTDC5lEww_2XvgN/help/images/basics/multi-chat.webp?fit=max&auto=format&n=JyTDC5lEww_2XvgN&q=85&s=21d425d4bb3d81d53ff00847d55cb105" alt="Multi-chat menu showing separate chats and a New chat option" width="3004" height="2000" data-path="help/images/basics/multi-chat.webp" />
</Frame>

Start a new chat when:

* You are moving to a different feature
* A troubleshooting thread is finished
* The chat has become long or unfocused
* You want to explore a different approach
* Earlier instructions should not influence the next change

Stay in the same chat when:

* You are refining the change Zite just made
* The next request depends on recent context
* You are fixing an issue caused by the last build

<Tip>
  When you start a new chat, include a short summary of the current goal and any important constraints. A clean prompt is cheaper than asking Zite to infer the task from a long history.
</Tip>

## Write prompts that reduce rework

Clear requests save credits because Zite spends less effort guessing and you spend less effort correcting the result.

Good prompts usually include:

* **Where** the change should happen
* **What** should change
* **Why** the change matters
* **Data** or integrations involved
* **Constraints** Zite should preserve
* **What not to change**

```text theme={null}
On [page or feature], change [specific element or behavior] so [desired outcome]. Use [data, table, integration, or rule]. Keep [constraints]. Do not change [areas to preserve]. After the update, tell me what to test.
```

### Weak request

```text theme={null}
Make the dashboard better.
```

This can lead to extra back-and-forth because "better" could mean clearer layout, new charts, faster filtering, different data, or a new workflow.

### Strong request

```text theme={null}
On the Sales dashboard, add a compact row of KPI cards above the table for total pipeline value, deals closing this month, overdue follow-ups, and win rate. Use the existing CRM data. Keep the current sidebar and table columns unchanged.
```

## Attach references when they remove guesswork

Screenshots, mockups, spreadsheets, and example files can reduce rework when the visual target or data shape matters.

Use attachments for:

* Showing the current issue
* Giving Zite a target design or layout
* Sharing spreadsheet columns before creating a database
* Showing exactly where a button, text block, or table should change

<Info>
  Attachments are useful when they clarify the task. If an attachment is unrelated or outdated, leave it out so the request stays focused.
</Info>

## Use Selective Edits for small visual changes

Not every change needs an AI request. Selective Edits can often be faster and may use no credits.

Use [Selective Edits](/help/platform/basics/selective-edits) for:

* Rewriting text
* Adjusting text size, weight, alignment, color, shadows, or opacity
* Changing background color or opacity
* Editing button color, rounding, or padding
* Deleting simple text or elements

<Frame>
  <img src="https://mintcdn.com/zite/4Hi-W4Dgv5Y9NuMJ/help/images/getting-started/credit-efficiency-selective-edits.webp?fit=max&auto=format&n=4Hi-W4Dgv5Y9NuMJ&q=85&s=f5d8c0935a9eca3bb5df33ee1c60e438" alt="Selective edit controls for visual changes" title="Selective edit controls for visual changes" style={{ width:"100%" }} width="1514" height="812" data-path="help/images/getting-started/credit-efficiency-selective-edits.webp" />
</Frame>

You can also use [Design mode](/help/platform/how-to-build/design#choose-a-theme) to apply a theme, change multiple colors, or change fonts without asking Zite to rebuild the app.

## A credit-efficient build workflow

<Steps>
  <Step title="Ask in Chat mode">
    Use Chat mode to inspect the current app, compare options, or ask what needs to change. Do this before editing when the path is unclear.
  </Step>

  <Step title="Plan large changes">
    Use Plan mode for new apps, multi-screen features, workflows, databases, and client-facing portals. Review the plan before building.
  </Step>

  <Step title="Build the smallest useful change">
    In Build mode, ask for one clear outcome. Include the page, data, behavior, constraints, and anything Zite should leave alone.
  </Step>

  <Step title="Use the right model">
    Start with Zite Mini for simple edits, Zite Pro for normal building, and Zite Max for complex or repeated problems.
  </Step>

  <Step title="Start a new chat for the next feature">
    When the current thread is done, create a new chat before moving to unrelated work.
  </Step>
</Steps>

## Common credit drains

| Credit drain                                    | Better approach                                                |
| ----------------------------------------------- | -------------------------------------------------------------- |
| Vague prompts like "make this better"           | Describe the page, outcome, data, and constraints.             |
| Building before deciding the requirements       | Use Chat mode or Plan mode first.                              |
| Using Zite Max for routine edits                | Use Zite Mini, Zite Pro, or Selective Edits.                   |
| Working in one very long chat forever           | Start a new chat for unrelated features.                       |
| Asking Zite to change unrelated areas at once   | Split the work by page, workflow, or feature.                  |
| Repeating "try again" after a bad result        | Explain what was wrong and what should be different.           |
| Uploading broad references without instructions | Attach only useful references and say exactly how to use them. |

<div className="zite-related-topics">
  <a href="/help/platform/getting-started/credits">How credits work</a>
  <a href="/help/platform/how-to-build/agent-modes/overview">Agent Modes</a>
  <a href="/help/platform/basics/model-selection">Model Selection</a>
  <a href="/help/platform/basics/multi-chat">Multi-chat</a>
  <a href="/help/platform/basics/selective-edits">Selective edits</a>
</div>

### Use Build mode when the change is clear

Build mode is where Zite changes your app. Use it when you can name the page, component, data, behavior, and constraints.

```text theme={null}
On the Orders page, add a status filter above the table with options for All, Pending, In progress, Shipped, and Cancelled. Keep the current table design and do not change the left navigation.
```

## Choose the right model

Different models use credits at different rates. Use the lightest model that is likely to complete the task well.

<img src="https://mintcdn.com/zite/4Hi-W4Dgv5Y9NuMJ/help/images/getting-started/credit-efficiency-ai-model.webp?fit=max&auto=format&n=4Hi-W4Dgv5Y9NuMJ&q=85&s=2bee3a339c23d97b0205daa2b630903f" alt="Model selector showing Zite Mini, Zite Pro, and Zite Max" title="Model selector showing Zite Mini, Zite Pro, and Zite Max" style={{ width:"64%" }} width="1060" height="474" data-path="help/images/getting-started/credit-efficiency-ai-model.webp" />

| Model         | Use it for                                                                                        | Avoid using it for                                      |
| ------------- | ------------------------------------------------------------------------------------------------- | ------------------------------------------------------- |
| **Zite Mini** | Text updates, small styling changes, simple component tweaks, quick fixes                         | New data models, complex workflows, or unclear requests |
| **Zite Pro**  | Most feature work, bug fixes, design updates, and normal app building                             | Problems that have already failed several times         |
| **Zite Max**  | Complex reasoning, multi-step workflows, architecture changes, persistent bugs, high-stakes edits | Routine text, color, spacing, or copy changes           |

<Note>
  Plan mode and Chat mode use Zite Max automatically. Build mode uses the model you select.
</Note>

## Keep chat context focused

Long chats can include old decisions, bug reports, experiments, and outdated instructions. That extra context can make requests harder to process and can increase credit usage.

Use [Multi-chat](/help/platform/basics/multi-chat) to split unrelated work into separate threads inside the same app.

<Frame>
  <img src="https://mintcdn.com/zite/JyTDC5lEww_2XvgN/help/images/basics/multi-chat.webp?fit=max&auto=format&n=JyTDC5lEww_2XvgN&q=85&s=21d425d4bb3d81d53ff00847d55cb105" alt="Multi-chat menu showing separate chats and a New chat option" width="3004" height="2000" data-path="help/images/basics/multi-chat.webp" />
</Frame>

Start a new chat when:

* You are moving to a different feature
* A troubleshooting thread is finished
* The chat has become long or unfocused
* You want to explore a different approach
* Earlier instructions should not influence the next change

Stay in the same chat when:

* You are refining the change Zite just made
* The next request depends on recent context
* You are fixing an issue caused by the last build

<Tip>
  When you start a new chat, include a short summary of the current goal and any important constraints. A clean prompt is cheaper than asking Zite to infer the task from a long history.
</Tip>

## Write prompts that reduce rework

Clear requests save credits because Zite spends less effort guessing and you spend less effort correcting the result.

Good prompts usually include:

* **Where** the change should happen
* **What** should change
* **Why** the change matters
* **Data** or integrations involved
* **Constraints** Zite should preserve
* **What not to change**

```text theme={null}
On [page or feature], change [specific element or behavior] so [desired outcome]. Use [data, table, integration, or rule]. Keep [constraints]. Do not change [areas to preserve]. After the update, tell me what to test.
```

### Weak request

```text theme={null}
Make the dashboard better.
```

This can lead to extra back-and-forth because "better" could mean clearer layout, new charts, faster filtering, different data, or a new workflow.

### Strong request

```text theme={null}
On the Sales dashboard, add a compact row of KPI cards above the table for total pipeline value, deals closing this month, overdue follow-ups, and win rate. Use the existing CRM data. Keep the current sidebar and table columns unchanged.
```

## Attach references when they remove guesswork

Screenshots, mockups, spreadsheets, and example files can reduce rework when the visual target or data shape matters.

Use attachments for:

* Showing the current issue
* Giving Zite a target design or layout
* Sharing spreadsheet columns before creating a database
* Showing exactly where a button, text block, or table should change

<Info>
  Attachments are useful when they clarify the task. If an attachment is unrelated or outdated, leave it out so the request stays focused.
</Info>

## Use Selective Edits for small visual changes

Not every change needs an AI request. Selective Edits can often be faster and may use no credits.

Use [Selective Edits](/help/platform/basics/selective-edits) for:

* Rewriting text
* Adjusting text size, weight, alignment, color, shadows, or opacity
* Changing background color or opacity
* Editing button color, rounding, or padding
* Deleting simple text or elements

<Frame>
  <img src="https://mintcdn.com/zite/4Hi-W4Dgv5Y9NuMJ/help/images/getting-started/credit-efficiency-selective-edits.webp?fit=max&auto=format&n=4Hi-W4Dgv5Y9NuMJ&q=85&s=f5d8c0935a9eca3bb5df33ee1c60e438" alt="Selective edit controls for visual changes" title="Selective edit controls for visual changes" style={{ width:"100%" }} width="1514" height="812" data-path="help/images/getting-started/credit-efficiency-selective-edits.webp" />
</Frame>

<div className="zite-related-topics">
  <a href="/help/platform/getting-started/credits">How credits work</a>
  <a href="/help/platform/how-to-build/agent-modes/plan-mode">Plan mode</a>
  <a href="/help/platform/basics/selective-edits">Selective edits</a>
</div>

You can also use [Design mode](/help/platform/how-to-build/design#choose-a-theme) to apply a theme, change multiple colors, or change fonts without asking Zite to rebuild the app.

## A credit-efficient build workflow

<Steps>
  <Step title="Ask in Chat mode">
    Use Chat mode to inspect the current app, compare options, or ask what needs to change. Do this before editing when the path is unclear.
  </Step>

  <Step title="Plan large changes">
    Use Plan mode for new apps, multi-screen features, workflows, databases, and client-facing portals. Review the plan before building.
  </Step>

  <Step title="Build the smallest useful change">
    In Build mode, ask for one clear outcome. Include the page, data, behavior, constraints, and anything Zite should leave alone.
  </Step>

  <Step title="Use the right model">
    Start with Zite Mini for simple edits, Zite Pro for normal building, and Zite Max for complex or repeated problems.
  </Step>

  <Step title="Start a new chat for the next feature">
    When the current thread is done, create a new chat before moving to unrelated work.
  </Step>
</Steps>

## Common credit drains

| Credit drain                                    | Better approach                                                |
| ----------------------------------------------- | -------------------------------------------------------------- |
| Vague prompts like "make this better"           | Describe the page, outcome, data, and constraints.             |
| Building before deciding the requirements       | Use Chat mode or Plan mode first.                              |
| Using Zite Max for routine edits                | Use Zite Mini, Zite Pro, or Selective Edits.                   |
| Working in one very long chat forever           | Start a new chat for unrelated features.                       |
| Asking Zite to change unrelated areas at once   | Split the work by page, workflow, or feature.                  |
| Repeating "try again" after a bad result        | Explain what was wrong and what should be different.           |
| Uploading broad references without instructions | Attach only useful references and say exactly how to use them. |

<div className="zite-related-topics">
  <a href="/help/platform/getting-started/credits">How credits work</a>
  <a href="/help/platform/how-to-build/agent-modes/overview">Agent Modes</a>
  <a href="/help/platform/basics/model-selection">Model Selection</a>
  <a href="/help/platform/basics/multi-chat">Multi-chat</a>
  <a href="/help/platform/basics/selective-edits">Selective edits</a>
</div>
