Skip to content

Commit bc6b9d4

Browse files
committed
removed patterns section (for now). Copied bottom half of introduction page (from Comparisons) to this page
1 parent bcde15c commit bc6b9d4

File tree

1 file changed

+115
-41
lines changed

1 file changed

+115
-41
lines changed

docs/overview.mdx

Lines changed: 115 additions & 41 deletions
Original file line numberDiff line numberDiff line change
@@ -161,18 +161,6 @@ You can see demo apps of the AG-UI features with the framework of your choice, w
161161

162162
---
163163

164-
## AG-UI Design patterns
165-
166-
<Steps>
167-
<Step title="Explore reusable interaction patterns">
168-
Discover proven UX patterns for agentic applications
169-
</Step>
170-
<Step title="AI‑UI Design Patterns">
171-
Access our comprehensive pattern library *(coming soon)*
172-
</Step>
173-
</Steps>
174-
175-
---
176164
## Why Agentic Apps need AG-UI
177165

178166
**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.
@@ -196,12 +184,12 @@ AG-UI was born from an initial partnership between CopilotKit, LangGraph and Cre
196184
| :----------------------- | :--- | :---- |
197185
| [LangGraph](https://www.langchain.com/langgraph) | [Documentation](https://docs.copilotkit.ai/langgraph/) | [Live Demo](https://dojo.ag-ui.com/langgraph-fastapi/feature/shared_state) |
198186
| [CrewAI](https://crewai.com/) | [Documentation](https://docs.copilotkit.ai/crewai-flows) | [Live Demo](https://dojo.ag-ui.com/crewai/feature/shared_state) |
199-
| [Mastra](https://mastra.ai/) | [Documentation](https://docs.copilotkit.ai/mastra/) | [Live Demo](https://dojo.ag-ui.com/mastra/feature/shared_state) |
200-
| [AG2](https://ag2.ai/) | [Documentation](https://docs.copilotkit.ai/ag2/) | [Live Demo](https://dojo.ag-ui.com/ag2/feature/shared_state) |
201-
| [Agno](https://github.com/agno-agi/agno) | [Documentation](https://docs.copilotkit.ai/agno/) | [Live Demo](https://dojo.ag-ui.com/agno/feature/shared_state) |
187+
| [Mastra](https://mastra.ai/) | [Documentation](https://docs.copilotkit.ai/mastra/) | [Live Demo](https://dojo.ag-ui.com/mastra) |
188+
| [AG2](https://ag2.ai/) | [Documentation](https://docs.copilotkit.ai/ag2/) | Coming Soon |
189+
| [Agno](https://github.com/agno-agi/agno) | [Documentation](https://docs.copilotkit.ai/agno/) | [Live Demo](https://dojo.ag-ui.com/agno) |
202190
| [LlamaIndex](https://github.com/run-llama/llama_index) | [Documentation](https://docs.copilotkit.ai/llamaindex/) | [Live Demo](https://dojo.ag-ui.com/llamaindex/feature/shared_state) |
203191
| [Pydantic AI](https://github.com/pydantic/pydantic-ai) | [Documentation](https://docs.copilotkit.ai/pydantic-ai/) | [Live Demo](https://dojo.ag-ui.com/pydantic-ai/feature/shared_state) |
204-
| [Google ADK](https://google.github.io/adk-docs/get-started/) | [PR #274](https://github.com/ag-ui-protocol/ag-ui/pull/274) | Coming Soon |
192+
| [Google ADK](https://google.github.io/adk-docs/get-started/) | [Documentation](https://docs.copilotkit.ai/adk) | [Live Demo](https://dojo.ag-ui.com/adk-middleware) |
205193
| [AWS Bedrock Agents](https://aws.amazon.com/bedrock/agents/) | In Progress | Coming Soon |
206194
| [AWS Strands Agents](https://github.com/strands-agents/sdk-python) | In Progress | Coming Soon |
207195
| [Vercel AI SDK](https://github.com/vercel/ai) | In Progress | Coming Soon |
@@ -210,31 +198,117 @@ AG-UI was born from an initial partnership between CopilotKit, LangGraph and Cre
210198

211199
---
212200

213-
## Quick links
201+
## Comparison with other protocols
214202

215-
- **[Get started](/quickstart/applications)**
216-
- **[Concepts](/concepts/architecture)/**
203+
AG-UI focuses explicitly and specifically on the agent-user interactivity layer.
204+
It does not compete with protocols such as A2A (Agent-to-Agent protocol) and MCP
205+
(Model Context Protocol).
217206

218-
---
207+
For example, the same agent may communicate with another agent via A2A while
208+
communicating with the user via AG-UI, and while calling tools provided by an
209+
MCP server.
210+
211+
These protocols serve complementary purposes in the agent ecosystem:
212+
213+
- **AG-UI**: Handles human-in-the-loop interaction and streaming UI updates
214+
- **A2A**: Facilitates agent-to-agent communication and collaboration
215+
- **MCP**: Standardizes tool calls and context handling across different models
216+
217+
## Quick Start
218+
219+
Choose the path that fits your needs:
220+
221+
<CardGroup cols={2}>
222+
<Card
223+
title="AG-UI Middleware Connectors"
224+
icon="bolt"
225+
href="/quickstart/middleware"
226+
color="#3B82F6"
227+
iconType="solid"
228+
>
229+
Connect AG-UI with existing protocols, in process agents or custom solutions
230+
**using TypeScript**
231+
</Card>
232+
233+
<Card
234+
title="AG-UI Compatible Servers"
235+
icon="wrench"
236+
href="/quickstart/server"
237+
color="#3B82F6"
238+
iconType="solid"
239+
>
240+
Implement AG-UI compatible servers **using Python or TypeScript**
241+
</Card>
242+
243+
</CardGroup>
244+
245+
## Resources
246+
247+
Explore guides, tools, and integrations to help you build, optimize, and extend
248+
your AG-UI implementation. These resources cover everything from practical
249+
development workflows to debugging techniques.
250+
251+
<CardGroup cols={2}>
252+
<Card
253+
title="Developing with Cursor"
254+
icon="rocket"
255+
iconType="light"
256+
color="#3B82F6"
257+
href="/tutorials/cursor"
258+
>
259+
Use Cursor to build AG-UI implementations faster
260+
</Card>
261+
<Card
262+
title="Troubleshooting AG-UI"
263+
icon="bug"
264+
iconType="light"
265+
color="#3B82F6"
266+
href="/tutorials/debugging"
267+
>
268+
Fix common issues when working with AG-UI servers and clients
269+
</Card>
270+
</CardGroup>
271+
272+
## Explore AG-UI
273+
274+
Dive deeper into AG-UI's core concepts and capabilities:
275+
276+
<CardGroup cols={2}>
277+
<Card
278+
title="Core architecture"
279+
icon="sitemap"
280+
iconType="light"
281+
color="#3B82F6"
282+
href="/docs/concepts/architecture"
283+
>
284+
Understand how AG-UI connects agents, protocols, and front-ends
285+
</Card>
286+
287+
<Card
288+
title="Transports"
289+
icon="network-wired"
290+
iconType="light"
291+
color="#3B82F6"
292+
href="/docs/concepts/transports"
293+
>
294+
Learn about AG-UI's communication mechanism
295+
</Card>
296+
</CardGroup>
297+
298+
## Contributing
299+
300+
Want to contribute? Check out our
301+
[Contributing Guide](/development/contributing) to learn how you can help
302+
improve AG-UI.
303+
304+
## Support and Feedback
305+
306+
Here's how to get help or provide feedback:
219307

220-
## How AG‑UI fits
221-
222-
```mermaid
223-
graph LR
224-
A[Agentic App] <--> B[AG‑UI Boundary] <--> C[App UI/State]
225-
226-
B --> D[Protocol]
227-
B --> E[Runtime adapters]
228-
B --> F[Frontend kit]
229-
B --> G[Observability hooks]
230-
231-
D --> H[Events, intents, and payload schemas]
232-
E --> I[Bindings for popular agent frameworks]
233-
F --> J[Lightweight client + components]
234-
G --> K[Surface interaction timelines]
235-
```
236-
237-
- **Protocol**: Events, intents, and payload schemas shared by agents & apps.
238-
- **Runtime adapters**: Bindings for popular agent frameworks.
239-
- **Frontend kit**: Lightweight client + components to handle streaming & interrupts.
240-
- **Observability hooks**: Surface interaction timelines for debugging & learning.
308+
- For bug reports and feature requests related to the AG-UI specification, SDKs,
309+
or documentation (open source), please
310+
[create a GitHub issue](https://github.com/ag-ui-protocol)
311+
- For discussions or Q&A about the AG-UI specification, use the
312+
[specification discussions](https://github.com/ag-ui-protocol/specification/discussions)
313+
- For discussions or Q&A about other AG-UI open source components, use the
314+
[organization discussions](https://github.com/orgs/ag-ui-protocol/discussions)

0 commit comments

Comments
 (0)