You'll need some frontend code changes. AG-UI standardizes the protocol (what events flow between agent and UI), but you still need a client to handle those events.
Your options:
- React/Next.js: Use CopilotKit - provides ready-made components and hooks. Minimal integration code needed.
- Other frameworks: AG-UI provides client SDKs for:
- TypeScript/JavaScript (@ag-ui/client)
- Kotlin, Java, Go, Dart, Rust (community SDKs)
- React Native (in progress)
- Custom: For frameworks without SDKs (Vue, Angular, Svelte), you implement the SSE client yourself. The protocol is standardized, so it's straightforward - establish connection, parse ~16 event types, update UI.
CopilotKit makes it easiest for React, other frameworks need light client implementation.
Microsoft
