Ag Ui banner
GongRzhe GongRzhe

Ag Ui

Design community

Description

AG-UI: the Agent-User Interaction Protocol. Bring Agents into Frontend Applications.

Installation

This entry records only its repository, not the path inside it, so there is no exact command to give. Open the source below and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

README

ag-ui Logo AG-UI: The Agent-User Interaction Protocol

AG-UI is a lightweight, event-based protocol that standardizes how AI agents connect to user-facing applications. Built for simplicity and flexibility, it enables seamless integration between AI agents, real time user context, and user interfaces.



[![Version](https://img.shields.io/npm/v/@ag-ui/core?label=Version&color=6963ff&logo=npm&logoColor=white)](https://www.npmjs.com/package/@ag-ui/core) ![MIT](https://img.shields.io/github/license/copilotkit/copilotkit?color=%236963ff&label=License) ![Discord](https://img.shields.io/discord/1379082175625953370?logo=discord&logoColor=%23FFFFFF&label=Discord&color=%236963ff)

Join our Discord →     Read the Docs →     Follow us → Your application-AG-UI protocol

🚀 Getting Started

Create a new AG-UI application in seconds:

npx create-ag-ui-app my-agent-app

Building AG-UI Integrations (new frameworks):

What is AG-UI?

AG-UI is an open, lightweight, event-based protocol for agent-human interaction, designed for simplicity & flexibility:

  • During agent executions, agent backends emit events compatible with one of AG-UI's ~16 standard event types
  • Agent backends can **accept one of a few simple AG-UI compatible inp