Your First Conversation

Now that the agent is embedded, let’s have a conversation with it.

Try it out

1. Click the chat bubble in the preview
2. Type a message like “Hello, what can you do?”
3. The agent will respond

What just happened?

When you chat with the agent:

1. Your message is sent to the Char API
2. The API uses Claude to generate a response
3. The response appears in the chat

In devMode, we use a demo API key that works only on localhost. In production, you’ll authenticate users properly.

What’s next?

In the next lessons, you’ll learn to:

• Control when it opens with React state
• Style the agent to match your brand
• Create WebMCP tools so the agent can interact with your UI
• Set up authentication for production deployment

Click Next to continue.