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

# The Playground

> Shape your bot's personality, model, and behavior on the left, then test it live on the right before you deploy.

The **Playground** is where you shape and test your bot. It has two panels: on the
left you set how your bot behaves, and on the right you chat with a live preview of
your real widget. This is where your bot's **model**, **personality**, and **system
prompt** are set – not on the **Settings** page.

## The two panels

### Left – configuration

This panel controls how your bot thinks and answers.

| Setting                 | What it does                                                                               |
| ----------------------- | ------------------------------------------------------------------------------------------ |
| **Personality**         | A dropdown of 11 ready-made personas – pick one or choose **Custom**.                      |
| **System prompt**       | Your own instructions for the bot (its role, tone, and rules).                             |
| **Model**               | The AI model your bot uses, grouped by tier (Budget, Standard, Premium, Flagship).         |
| **Temperature**         | Creativity, from 0 to 1 (default **0.7**). Higher is more creative, lower is more focused. |
| **Max response length** | A cap on how long each reply can be.                                                       |

The 11 personality presets are: **AI Agent**, **Travel Agent**, **Customer
Support**, **Sales**, **Product Specialist**, **Technical Support**, **Content
Creator**, **Business Analyst**, **Educational Tutor**, **Marketing Strategist**,
and **Research Assistant** – plus **Custom** to write your own from scratch.

### Right – live preview

The right panel is a live preview of your **real** widget – the same one your
visitors see, not a mockup. Type into it to test your bot's answers. Ask the
questions your visitors will ask, then try a tricky one to see how it handles the
edge.

<Note>
  The preview shows your bot as it is right now. Changes you make on the left only
  reach the preview after you click **Deploy**.
</Note>

## Shape, test, deploy

<Steps>
  <Step title="Set the personality and prompt" icon="robot">
    Pick a **Personality** preset, or choose **Custom** and write your own **system
    prompt**. Adjust **Temperature** and **Max response length** if you want.
  </Step>

  <Step title="Pick a model">
    Choose a **Model** from the tier-grouped dropdown. The default suits most bots –
    see [Choosing a Model](/agents/choosing-a-model).
  </Step>

  <Step title="Test on the right">
    Chat with the live preview. Check that answers are accurate, on-brand, and the
    right length.
  </Step>

  <Step title="Deploy your changes">
    Click **Deploy** to save your changes. The preview refreshes so you can confirm
    the new behavior right away.
  </Step>
</Steps>

<Tip>
  Re-test after every change. Tweak the prompt, **Deploy**, then ask the same
  question again to see the difference.
</Tip>

## Next steps

<CardGroup cols={2}>
  <Card title="Choosing a Model" icon="bolt" href="/agents/choosing-a-model">
    Compare the four model tiers and pick the right one for your bot.
  </Card>

  <Card title="System Prompt" icon="robot" href="/agents/system-prompt">
    Write clear instructions that give your bot its personality.
  </Card>
</CardGroup>