Creating a UI in Your App with ChatKit

In our previous lessons, we’ve built agents using the Agents SDK and designed workflows with Agent Builder. Now comes the final piece of the puzzle: creating engaging, user-friendly chat interfaces that people actually want to use. This is where ChatKit transforms your back-end agents into polished conversational experiences.

By the end of this lesson, you’ll understand how to embed professional chat interfaces into any application, connect them to your Agent Builder workflows, and customize them to match your brand and user needs.

Why ChatKit matters?

Think about the difference between having a powerful AI agent and actually deploying it for real users. You might have built the world’s best research agent or customer service bot, but without a proper interface, users can’t easily access its capabilities.

Before ChatKit, developers faced the enormous challenge of building chat interfaces from scratch using frameworks like React, Vue, or JavaScript. This meant manually implementing message threading, typing indicators, ...