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

# Chat Interface

> Learn how to communicate effectively with Leo

The chat interface is where you interact with Leo. It's designed to feel natural and conversational.

## How It Works

Simply type what you want in the chat input and press Enter. Leo will:

1. **Understand your request** - Analyze what you're asking for
2. **Plan the changes** - Determine what needs to be built or modified
3. **Make the changes** - Write code and update your project
4. **Show the result** - Display updates in the live preview

## Chat Features

### Message History

* **See all conversations** - Scroll through your chat history
* **Reference past messages** - Leo remembers your conversation context
* **Continue conversations** - Build on previous requests

### Live Updates

* **Real-time preview** - See changes as Leo makes them
* **Code changes** - View what code was modified
* **Status updates** - Know when Leo is working

### Resizable Interface

* **Adjust chat width** - Resize the chat and preview areas
* **Your preference saved** - Settings are remembered
* **Mobile optimized** - Works great on all devices

## Best Practices

### Be Specific

Instead of: "Make it better"
Try: "Add a search bar that filters products as I type"

### Describe Outcomes

Instead of: "Add a button"
Try: "Add a button that saves the form data to Airtable when clicked"

### Iterate Gradually

Instead of: "Build a complete CRM system"
Try: "Start with a customer list page, then we'll add details"

## Tips

* **One feature at a time** - Focus on single features for best results
* **Use examples** - Describe similar features you've seen
* **Ask for changes** - If something isn't right, describe what you'd like
* **Be patient** - Complex features may take a moment to build

## Error Handling

If Leo makes a mistake:

* **Describe the issue** - Tell Leo what went wrong
* **Leo will fix it** - Corrections happen automatically
* **Autodebug** - Enable Autodebug in project settings for automatic error fixes that don't count as credits

<CardGroup cols={2}>
  <Card title="Prompting Guide" icon="lightbulb" href="/prompting/best-practices">
    Learn advanced prompting techniques
  </Card>

  <Card title="Live Preview" icon="eye" href="/features/live-preview">
    See your changes in real-time
  </Card>
</CardGroup>