Skip to main content
AG-UI is a frontend-backend communication protocol for exposing agents to web frontends. With AG-UI, you can quickly integrate AgentScope agents with compatible frontend frameworks.

Quick Start

1. Add Dependencies

2. Register Agent

2.1. Use customizer to register agent

2.2. Annotation-process to register agent

3. Configure

4. Start and Test


Frontend Integration

The official AG-UI client library for vanilla JavaScript/TypeScript projects:

Using CopilotKit

For React applications, you can use CopilotKit:

Example Project

See complete example at agentscope-examples/agui:
Visit http://localhost:8080 to see the demo.

More Resources