Skip to content

Commit 775740d

Browse files
committed
intro coherence
1 parent 77f957a commit 775740d

File tree

3 files changed

+37
-21
lines changed

3 files changed

+37
-21
lines changed
2.25 MB
Loading

docs/images/ai-protocol-stack.png

132 KB
Loading

docs/introduction.mdx

Lines changed: 37 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -5,22 +5,53 @@ description:
55

66
# The Agent–User Interaction (AG-UI) Protocol
77

8-
*A horizontal standard to bring AI agents into user‑facing frontend applications.*
98

10-
AG‑UI is the boundary layer where AI agents and users meet. It standardizes how agent state, UI intents, and user interactions flow between your model/agent runtime and your app's frontend—so you can ship reliable, debuggable, user‑friendly agentic features fast.
9+
AG-UI is an <u><strong>open</strong></u>, <u><strong>lightweight</strong></u>, <u><strong>event-based</strong></u> protocol that standardizes how AI agents connect to user-facing applications.
10+
11+
12+
Built for simplicity and flexibility, it standardizes how agent state, UI intents, and user interactions flow between your model/agent runtime and user-facing frontend applications—to allow application developers to ship reliable, debuggable, user‑friendly agentic features fast.
13+
14+
15+
16+
<div style={{textAlign: 'center', margin: '2rem 0'}}>
17+
<img src="/images/ag-ui-overview-with-partners.png" alt="AG-UI Overview" style={{maxWidth: '100%', height: 'auto', borderRadius: '8px'}} />
18+
</div>
1119

1220
---
1321

14-
## Built with the ecosystem
22+
## Why Agentic Apps need AG-UI
23+
24+
Agentic applications break the simple request/response model that dominated frontend-backend development in the pre-agentic era: a client makes a request, the server returns data, the client renders it, and the interaction ends.
25+
26+
#### The requirements of user‑facing agents
27+
28+
While agents are just software, they exhibit characteristics that make them challenging to serve behind traditional REST/GraphQL APIs:
29+
30+
- Agents are **long‑running** and **stream** intermediate work—often across multi‑turn sessions.
31+
- Agents are **nondeterministic** and can **control application UI nondeterministically**.
32+
- Agents simultanously mix **structured + unstructured IO** (e.g. text & voice, alongside tool calls and state updates).
33+
- Agents need user-interactive **composition**: e.g. they may call sub‑agents, often recursively.
34+
- And more...
35+
36+
AG-UI builds on top of the foundational protocols of the web (HTTP, WebSockets) as an abstraction layer designed for the agentic age—bridging the gap between traditional client-server architectures and the dynamic, stateful nature of AI agents.
1537

16-
**First‑party partnerships & integrations**
38+
### The AI protocol landscape
1739

18-
*AG‑UI works across leading agent frameworks and frontend stacks, with shared vocabulary and primitives that keep your UX consistent as your agents evolve.*
40+
AG-UI has emerged as the 3rd leg of the AI protocol landscape:
41+
- MCP: Connects agents to tool and to context.
42+
- A2A: Connects agents to other agents.
43+
- AG-UI: Connects agents to users (through user-facing applications)
1944

2045
<div style={{textAlign: 'center', margin: '2rem 0'}}>
21-
<img src="/images/ag-ui-concept.png" alt="AG-UI Architecture Illustration" style={{maxWidth: '100%', height: 'auto', borderRadius: '8px'}} />
46+
<img src="/images/ai-protocol-stack.png" alt="AI Protocol Stack" style={{maxWidth: '40%', height: 'auto', borderRadius: '8px'}} />
2247
</div>
2348

49+
These protocols are complimentary and have distinct technical goals; and a single agent can and often does use all 3 simultanously.
50+
Where these protocols intersect, there are opportunities for seamless handoffs and interoperability—work on these integration points is actively ongoing.
51+
AG-UI's mandate is to support the full set of building blocks required by modern agentic applications.
52+
53+
54+
2455

2556
---
2657

@@ -161,21 +192,6 @@ You can see demo apps of the AG-UI features with the framework of your choice, w
161192

162193
---
163194

164-
## Why Agentic Apps need AG-UI
165-
166-
**Agentic apps break the classic request/response contract.** Agents run for longer, stream work as they go, and make nondeterministic choices that can affect your UI and state. AG‑UI defines a clean, observable boundary so frontends remain predictable while agents stay flexible.
167-
168-
### What's hard about user‑facing agents?
169-
170-
- Agents are **long‑running** and **stream** intermediate work—often across multi‑turn sessions.
171-
- Agents are **nondeterministic** and can **control UI** in ways that must be supervised.
172-
- Apps must mix **structured + unstructured IO** (text, voice, tool calls, state updates).
173-
- Agents need **composition**: agents **call sub‑agents**, often non-deterministically.
174-
175-
With AG‑UI, these become deliberate, well‑typed interactions rather than ad‑hoc wiring.
176-
177-
---
178-
179195
## Supported Frameworks
180196

181197
AG-UI was born from an initial partnership between CopilotKit, LangGraph and CrewAI - and is steadily gaining integrations across the wider AI developer ecosystem.

0 commit comments

Comments
 (0)