Build Interactive Agents with Generative UI

Introducing Build Interactive Agents with Generative UI, taught by Atai Barkai, co-founder of CopilotKit, the team behind the AG-UI protocol.

Most agents today still talk to users in plain text. But users don’t just want to read a response, they want something to see and act on. This course teaches you to build that interactivity: a fullstack agent interface where the agent renders charts, forms, whiteboards, and interactive components on demand.

You’ll work across the full Generative UI Spectrum, from hand-crafted components you control precisely, to declarative layouts the agent assembles from building blocks, all the way to open-ended experiences powered by MCP Apps. You’ll finish by building a canvas application where the agent works alongside the user on shared data. By the end, you’ll have a production-ready fullstack agent built on CopilotKit and AG-UI, an open protocol with first-party integrations across LangGraph, Google, AWS, Microsoft, and more.

In detail, you’ll:

• Learn the three pillars of the Generative UI Spectrum and when to use each.
• Connect a LangChain Deep Agent and a Google ADK Agent to a React frontend using CopilotKit and AG-UI.
• Build Controlled Generative UI: define custom components like pie charts and flight cards that the agent renders on demand.
• Use A2UI, an open spec co-developed with Google, to let your agent assemble layouts from a catalog of reusable building blocks.
• Connect your agent to MCP Apps and explore fully open-ended interfaces the agent creates from scratch.
• Build a canvas app where the agent and frontend share live state, beyond the chat window.

Throughout the course, you’ll build on the open-source AG-UI protocol — so these skills travel with you across the agentic ecosystem.

Developers building AI agents who want to create richer, more interactive user experiences. Comfort with React and Python is recommended, along with basic familiarity with AI agents or LLM application development. Useful for fullstack developers, AI engineers, and frontend-leaning builders shipping agent features into production apps.