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

# AI chat

> Describe what you want in plain language and the AI builds it — pages, content, images, and fixes.

The AI chat is the fastest way to make bigger changes to your site. Describe what you want, and the AI writes the code, updates content, and refreshes the preview for you.

## Where to find it

The chat opens as a floating panel by default. Toggle it open or closed with the **chat (speech-bubble) icon** in the header, or press **Cmd+Shift+H** (Mac) / **Ctrl+Shift+H** (Windows/Linux). You can dock it to the left or right edge from the project menu's **Chat position** submenu.

## Send a message

<Steps>
  <Step title="Type your request">
    Click the text area at the bottom of the chat and describe what you want. Be specific — "Add a hero section with a gradient background and a centered heading that says Welcome" works better than "Make it look nice."
  </Step>

  <Step title="Send it">
    Press **Enter** or click the **send button**. The AI responds in a stream, shows tool badges as it works, and updates the preview automatically.
  </Step>

  <Step title="Steer as needed">
    Going the wrong way? The send button becomes a **Stop** (square) button while the AI works — click it to halt.
  </Step>
</Steps>

## Give it context

The more the AI knows, the better the result:

* **+ button** — **Attach Assets** from your media library, **Attach Entries** from your CMS, **Upload from Computer**, or **Draw** a quick wireframe for the AI to follow.
* **@ mentions** — type **@** to reference a specific file, page, or piece of content inline.

You can also refine a conversation: hover a message to reveal its actions. On your own messages you can **copy** or **edit** and resend; on AI messages you can **copy**, **regenerate** a different approach, or open the **more** menu.

<Tip>
  Be specific about colors, layout, text, and spacing, and refer to existing elements by name ("Change the navbar background" beats "Change the top thing"). The AI can write and edit code, create pages, manage content, generate images, install packages, search the web, and fix bugs.
</Tip>

## Credits

The AI runs on credits. Check your balance with the **coin icon** near the send button — clicking it opens a breakdown of your daily free, monthly, purchased, and earned credits. You're warned when credits run low.

## What's next

<Columns cols={3}>
  <Card title="Visual editing" icon="pen" href="/docs/studio/visual-editing">
    Make quick tweaks without the chat.
  </Card>

  <Card title="Version history" icon="clock-rotate-left" href="/docs/studio/version-history">
    Undo a change the AI made.
  </Card>

  <Card title="Billing & credits" icon="coins" href="/docs/collaboration/billing-and-credits">
    What credits are and how they're metered.
  </Card>
</Columns>