Загрузка видео...

Не удалось загрузить видео

На главную

✨AG-UI has been taking off! The Agent-User Interaction Protocol, allows you to bring AI agents into Frontend Apps. Excited to announce BIG updates & adoption by LlamaIndex 🦙 ,Agno, Google ADK, AWS & more! + New Building Experience🧑‍💻 npx create-ag-ui-app How it works & more 👇

CopilotKit's profile picture

CopilotKit🪁

13,680 subscribers

70,663 просмотров • 1 год назад •via X (Twitter)

Наука и технологииОбразованиеИскусство
LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 6

Фото профиля CopilotKit🪁
CopilotKit🪁1 год назад

AG-UI Launched one month ago with day-0 support for LangGraph, CrewAI, Mastra and AG2 - it has since taken off with both users & integrations! Today we're excited to welcome @llama_index & @AgnoAgi into AG-UI🎉 AG-UI fills a major gap in the Agent ecosystem, making it dead simple for builders to bring compatible Agents into Frontend clients. In the protocol landscape; MCP; Agents to tools A2A; Agents to agents AG-UI; Agents to users, via Frontends We first developed AG-UI as an in-house protocol for CopilotKit integrations, but we have since factored it into a generalized and powerful open protocol...

Фото профиля CopilotKit🪁
CopilotKit🪁1 год назад

Here's how it works: AG-UI compatible frameworks emit events (20 types of events) as they are running, to update state or UI, send messages or tool calls, etc AG-UI compatible clients, listen to these events, and represent them in the Frontend. This includes UI, shared state, and deep human-in-the-loop. It is highly extendable by design. AG-UI is a bridge. Connect to that bridge and you will automatically get framework <> client compatibility

Фото профиля CopilotKit🪁
CopilotKit🪁1 год назад

To get started with AG-UI, you can either: 🧑‍💻Create an AG-UI application via: npx create-ag-ui-app 🤝To integrate with AG-UI (for new clients & frameworks) Go to and check out the integration guides. Star the repo⭐️ We are only one month in, and just getting started!

Фото профиля Bonnie
Bonnie1 год назад

@llama_index @AgnoAgi This is awesome.

Фото профиля Uli 🪁
Uli 🪁1 год назад

@llama_index @AgnoAgi Amazing job on all the new integrations. AG-UI 📈

Фото профиля Avi Chawla
Avi Chawla1 год назад

@llama_index @AgnoAgi Been waiting for the LlamaIndex integration. Great work solving a key problem using AG-UI 🙌

Похожие видео

Claude Managed Agents can power many different UIs. Our new cookbook pairs Claude Managed Agents with AG-UI, CopilotKit🪁's open Agent-User Interaction Protocol.
0:21

Claude Managed Agents can power many different UIs. Our new cookbook pairs Claude Managed Agents with AG-UI, CopilotKit🪁's open Agent-User Interaction Protocol.

ClaudeDevs

338,214 просмотров • 2 месяцев назад

Microsoft 🤝 AG-UI Protocol Microsoft Agent Framework is now AG-UI compatible! 🎉 Connect your MS Agent Framework .NET agents into fullstack applications with Python coming soon 👀 MS Agent Framework takes care of the agentic backend, AG-UI connects your agents to the frontend. Features include: - Chat UI - Generative UI - State synchronization - Human-in-the-loop - Frontend Tool Calls All the building blocks you need to take your agents from the backend and into a fullstack agentic application. Available in React & Angular via CopilotKit, and Rust, Kotlin, Rust, Java and .NET via community SDKs Big shoutout to the Microsoft & CopilotKit teams, who shipped this highly requested integration at breakneck speeds. More coming soon 👀 🙏 Javier Nelson, Joonseok Oh, Daniel Roth, Evan Mattson, Tyler Slaton, Brandon McConnell, Markus Ecker Read more about our collaboration: Get started: Check out the Dojo:
1:13

Microsoft 🤝 AG-UI Protocol Microsoft Agent Framework is now AG-UI compatible! 🎉 Connect your MS Agent Framework .NET agents into fullstack applications with Python coming soon 👀 MS Agent Framework takes care of the agentic backend, AG-UI connects your agents to the frontend. Features include: - Chat UI - Generative UI - State synchronization - Human-in-the-loop - Frontend Tool Calls All the building blocks you need to take your agents from the backend and into a fullstack agentic application. Available in React & Angular via CopilotKit, and Rust, Kotlin, Rust, Java and .NET via community SDKs Big shoutout to the Microsoft & CopilotKit teams, who shipped this highly requested integration at breakneck speeds. More coming soon 👀 🙏 Javier Nelson, Joonseok Oh, Daniel Roth, Evan Mattson, Tyler Slaton, Brandon McConnell, Markus Ecker Read more about our collaboration: Get started: Check out the Dojo:

CopilotKit🪁

40,531 просмотров • 1 год назад

Claude Managed Agents 🤝 AG-UI Anthropic just shipped a full AG-UI integration, so you can bring your Managed Agent to any AG-UI frontend with: - Generative UI - Streaming - Tool calls - Stateful sessions Includes React & React Native, Next.js, Angular as well as Slack, Teams and more via the Channels SDK. All open source. Great collaborating with CJ Avilla from Anthropic on this! Check the blog for repos:
0:30

Claude Managed Agents 🤝 AG-UI Anthropic just shipped a full AG-UI integration, so you can bring your Managed Agent to any AG-UI frontend with: - Generative UI - Streaming - Tool calls - Stateful sessions Includes React & React Native, Next.js, Angular as well as Slack, Teams and more via the Channels SDK. All open source. Great collaborating with CJ Avilla from Anthropic on this! Check the blog for repos:

Atai Barkai

34,372 просмотров • 3 месяцев назад

create-llama is now also the easiest way to get started with multi-agents using LlamaIndex 🦙 v0.2 adds multi-agents using LlamaIndex Workflows. Create a multi-agent chat UI like the one below in a single command line! 🖥️ $ npx create-llama 📄
0:29

create-llama is now also the easiest way to get started with multi-agents using LlamaIndex 🦙 v0.2 adds multi-agents using LlamaIndex Workflows. Create a multi-agent chat UI like the one below in a single command line! 🖥️ $ npx create-llama 📄

Marcus Schiesser

48,338 просмотров • 2 лет назад

We are witnessing a fundamental shift in how software is built. Over the decades, UI was static and predictable. But AI is changing the fundamental nature of the interface. We are moving away from fixed UI and toward a new standard: Generative UI. Generative UI lets agents participate in the UI, not just the conversation. It’s a dynamic participant in the user experience. Depending on the complexity of your app, Generative UI generally falls into three categories: 1. Static (AG-UI): UI is chosen from a fixed set of hand-built components 2. Open-Ended (MCP Apps): agent sends arbitrary content like raw HTML or iframes for total flexibility. 3. Declarative (A2UI): agent and frontend communicate via a structured UI spec for dynamic widgets and forms. The AG-UI Protocol by CopilotKit is the real breakthrough. AG-UI acts as the universal transport layer. It provides the integrations and middleware for every Gen-UI spec, making it trivial to bring dynamic components into your existing app. CopilotKit provides the go-to ecosystem for building agentic applications and is the React client of AG-UI. It is designed to be deeply integrated, allowing developers to bring their own frameworks or protocols to the table. Play around with different types of Generative UI here → Check out the video attached to see Generative UI in action. Appreciate the CopilotKit team for collaborating with me on this deep dive.
0:33

We are witnessing a fundamental shift in how software is built. Over the decades, UI was static and predictable. But AI is changing the fundamental nature of the interface. We are moving away from fixed UI and toward a new standard: Generative UI. Generative UI lets agents participate in the UI, not just the conversation. It’s a dynamic participant in the user experience. Depending on the complexity of your app, Generative UI generally falls into three categories: 1. Static (AG-UI): UI is chosen from a fixed set of hand-built components 2. Open-Ended (MCP Apps): agent sends arbitrary content like raw HTML or iframes for total flexibility. 3. Declarative (A2UI): agent and frontend communicate via a structured UI spec for dynamic widgets and forms. The AG-UI Protocol by CopilotKit is the real breakthrough. AG-UI acts as the universal transport layer. It provides the integrations and middleware for every Gen-UI spec, making it trivial to bring dynamic components into your existing app. CopilotKit provides the go-to ecosystem for building agentic applications and is the React client of AG-UI. It is designed to be deeply integrated, allowing developers to bring their own frameworks or protocols to the table. Play around with different types of Generative UI here → Check out the video attached to see Generative UI in action. Appreciate the CopilotKit team for collaborating with me on this deep dive.

Pratham

33,920 просмотров • 9 месяцев назад

INSANE: Grok 3 + Lovable = BEST AI Agent Apps!!!! Grok 3 generated the code for an AI agent that manages your Gmail - send, reply, and draft effortlessly Here's how it works: - Connect with your Gmail using Composio - Use Lovable to build an extremely cool frontend for the Agent - Agentic workflow with LlamaIndex Built with LlamaIndex 🦙 To connect your agents with more tools like Gmail, use
1:09

INSANE: Grok 3 + Lovable = BEST AI Agent Apps!!!! Grok 3 generated the code for an AI agent that manages your Gmail - send, reply, and draft effortlessly Here's how it works: - Connect with your Gmail using Composio - Use Lovable to build an extremely cool frontend for the Agent - Agentic workflow with LlamaIndex Built with LlamaIndex 🦙 To connect your agents with more tools like Gmail, use

Karan Vaidya

62,030 просмотров • 1 год назад

🚀 Introducing Open Tag A better, open-source Claude Tag. Works with any model, any agent harness, and fully custom agents. Bring any Agent to Slack, MS Teams with Generative UI, Streaming, and much more! Clone the repo and get it running in minutes Powered by the Channels SDK & AG-UI
0:28

🚀 Introducing Open Tag A better, open-source Claude Tag. Works with any model, any agent harness, and fully custom agents. Bring any Agent to Slack, MS Teams with Generative UI, Streaming, and much more! Clone the repo and get it running in minutes Powered by the Channels SDK & AG-UI

CopilotKit🪁

199,332 просмотров • 3 месяцев назад

Microsoft Teams just got Generative UI But this is just the tip of the iceberg. AG-UI is the protocol connecting any agent to any user on any app, topped with Generative UI. That means your agent can render: - forms - buttons - charts - approval flows Right inside the chat, on the fly. But it's not limited to in-app copilots. What's special is that you can work with any agent using the same system and bring them into any surface, including Slack, WhatsApp, Discord and more. This is exactly why Hermes and OpenClaw took off. As users of these agents, we don't like walls of text, and it's a pain to get when you can have way better UX. CopilotKit🪁 + AG-UI handle that interaction layer. If you want to try out Agentic UI in Microsoft Teams, you can get early access here:
0:55

Microsoft Teams just got Generative UI But this is just the tip of the iceberg. AG-UI is the protocol connecting any agent to any user on any app, topped with Generative UI. That means your agent can render: - forms - buttons - charts - approval flows Right inside the chat, on the fly. But it's not limited to in-app copilots. What's special is that you can work with any agent using the same system and bring them into any surface, including Slack, WhatsApp, Discord and more. This is exactly why Hermes and OpenClaw took off. As users of these agents, we don't like walls of text, and it's a pain to get when you can have way better UX. CopilotKit🪁 + AG-UI handle that interaction layer. If you want to try out Agentic UI in Microsoft Teams, you can get early access here:

Atai Barkai

25,052 просмотров • 4 месяцев назад

AG-UI makes building agentic applications dramatically easier. Here's how it works. This is a model for a simple chatbot: User → LLM → Response But interactive agents that render UI, pause for approvals, and ask users for input need a much more complex model. When building these agents, a response from the LLM will include a series of state changes as the agent runs: • Agent started a task • Agent called a tool • Agent updated its state • Agent streams these tokens • Agent is waiting on a human • Agent is resuming the task The Agent-User Interaction Protocol (AG-UI) treats the LLM response as a stream of events rather than a text endpoint. In practice, here is what you get as an agent runs: 1. Lifecycle events so your UI knows where the agent is. 2. Text messages that stream tokens. 3. Tool calls so your UI can prefill a form with any required arguments. 4. State updates that keep your UI in sync with the agent. 5. Special events for human approvals, rich media, and custom needs. All of these events travel over standard transports (SSE, WebSockets, or plain HTTP) as JSON. As a result, you can build a frontend that stays in sync with the agent's progress without having to invent a custom process to make this happen. For example, building a human-in-the-loop workflow becomes an off-the-shelf component you can integrate rather than build from scratch. CopilotKit🪁 is the creator of AG-UI, and you can use it when building frontend applications pretty much anywhere: • React • Angular • Vue • React Native • Slack • Teams • Discord • WhatsApp • Telegram Here is the link for you to check it out: Thanks to the CopilotKit team for partnering with me on this post.
0:22

AG-UI makes building agentic applications dramatically easier. Here's how it works. This is a model for a simple chatbot: User → LLM → Response But interactive agents that render UI, pause for approvals, and ask users for input need a much more complex model. When building these agents, a response from the LLM will include a series of state changes as the agent runs: • Agent started a task • Agent called a tool • Agent updated its state • Agent streams these tokens • Agent is waiting on a human • Agent is resuming the task The Agent-User Interaction Protocol (AG-UI) treats the LLM response as a stream of events rather than a text endpoint. In practice, here is what you get as an agent runs: 1. Lifecycle events so your UI knows where the agent is. 2. Text messages that stream tokens. 3. Tool calls so your UI can prefill a form with any required arguments. 4. State updates that keep your UI in sync with the agent. 5. Special events for human approvals, rich media, and custom needs. All of these events travel over standard transports (SSE, WebSockets, or plain HTTP) as JSON. As a result, you can build a frontend that stays in sync with the agent's progress without having to invent a custom process to make this happen. For example, building a human-in-the-loop workflow becomes an off-the-shelf component you can integrate rather than build from scratch. CopilotKit🪁 is the creator of AG-UI, and you can use it when building frontend applications pretty much anywhere: • React • Angular • Vue • React Native • Slack • Teams • Discord • WhatsApp • Telegram Here is the link for you to check it out: Thanks to the CopilotKit team for partnering with me on this post.

Santiago

17,438 просмотров • 4 месяцев назад

Create dynamic and interactive Agent UI experiences in the Gemini Enterprise app. With support for the Agent-to-UI protocol (A2UI), custom agents can dynamically generate rich, native UI components directly within the Gemini Enterprise app.
0:37

Create dynamic and interactive Agent UI experiences in the Gemini Enterprise app. With support for the Agent-to-UI protocol (A2UI), custom agents can dynamically generate rich, native UI components directly within the Gemini Enterprise app.

Google Cloud

19,318,903 просмотров • 5 месяцев назад

🦞 Introducing OpenClaw in ANY app Ship apps with your OpenClaw🦞 agent, or let your users bring their own. Powered by AG-UI so you get generative UI, frontend tools, human-in-the-loop and self-modification. Supports: → Slack, MS Teams → React & React Native → Angular → Vue.js See it live👇 GitHub: OpenClaw🦞 Peter Steinberger 🦞 Vincent Koc Ayaan Zaidi
0:28

🦞 Introducing OpenClaw in ANY app Ship apps with your OpenClaw🦞 agent, or let your users bring their own. Powered by AG-UI so you get generative UI, frontend tools, human-in-the-loop and self-modification. Supports: → Slack, MS Teams → React & React Native → Angular → Vue.js See it live👇 GitHub: OpenClaw🦞 Peter Steinberger 🦞 Vincent Koc Ayaan Zaidi

CopilotKit🪁

46,022 просмотров • 2 месяцев назад

Today we're excited to launch `create-llama` - a single CLI command that allows you to scaffold a full stack LLM app over your data, powered by LlamaIndex 🦙 🔥 It’s the equivalent of `create-react-app` for AI engineers. Choose from 3 different backends: ✅ FastAPI (w/ LlamaIndex 🦙 Python) ✅ ExpressJS (w/ LlamaIndex 🦙 TS) ✅ Next.js (w/ LlamaIndex 🦙 TS) The frontend is a Next.js template using initial chat components from the Vercel AI SDK - with full streaming support, + shadcn UI or vanilla HTML/CSS for styling. This is a full-stack starting point, from which you can customize any component to build the LLM app of your liking, whether it’s simple extensions (change data source) or complete revamps (upgraded chat UX)! Next steps 🔮: - We’re going to be coming out with more examples in the next few weeks showing what you can build. - We’re going to be upgrading `create-llama` with a variety of different templates Check out the video (also attached) to see how it works 🎥: Repo directory: Full blog post detailing the usage here:
3:22

Today we're excited to launch `create-llama` - a single CLI command that allows you to scaffold a full stack LLM app over your data, powered by LlamaIndex 🦙 🔥 It’s the equivalent of `create-react-app` for AI engineers. Choose from 3 different backends: ✅ FastAPI (w/ LlamaIndex 🦙 Python) ✅ ExpressJS (w/ LlamaIndex 🦙 TS) ✅ Next.js (w/ LlamaIndex 🦙 TS) The frontend is a Next.js template using initial chat components from the Vercel AI SDK - with full streaming support, + shadcn UI or vanilla HTML/CSS for styling. This is a full-stack starting point, from which you can customize any component to build the LLM app of your liking, whether it’s simple extensions (change data source) or complete revamps (upgraded chat UX)! Next steps 🔮: - We’re going to be coming out with more examples in the next few weeks showing what you can build. - We’re going to be upgrading `create-llama` with a variety of different templates Check out the video (also attached) to see how it works 🎥: Repo directory: Full blog post detailing the usage here:

Jerry Liu

259,074 просмотров • 3 лет назад

Introducing AG-UI 1.0 The open protocol for how ANY agent communicates with ANY application. Now with a stable, versioned contract. Features included in 1.0: 1. Metadata - send backend data to the UI 2. Subagents - expose delegated agent work 3. Interrupts + resumption 3. Run outcomes and token usage 4. Forward compatibility Capabilities that have been part of AG-UI (streaming, tool calls, shared state, reasoning etc) are still covered. Thank you to those who shaped 1.0 🪁 Including builders at Paul Jankura, Google, Microsoft, Pydantic, Tack And All That and more. Their feedback led directly to several critical improvements in the final release. AG-UI is built with those who build on it. 👉 Read more: The 1.0 spec will remain unchanged, while future protocol evolution will happen through new draft specifications and open community discussion, led by CopilotKit🪁. More details below
1:12

Introducing AG-UI 1.0 The open protocol for how ANY agent communicates with ANY application. Now with a stable, versioned contract. Features included in 1.0: 1. Metadata - send backend data to the UI 2. Subagents - expose delegated agent work 3. Interrupts + resumption 3. Run outcomes and token usage 4. Forward compatibility Capabilities that have been part of AG-UI (streaming, tool calls, shared state, reasoning etc) are still covered. Thank you to those who shaped 1.0 🪁 Including builders at Paul Jankura, Google, Microsoft, Pydantic, Tack And All That and more. Their feedback led directly to several critical improvements in the final release. AG-UI is built with those who build on it. 👉 Read more: The 1.0 spec will remain unchanged, while future protocol evolution will happen through new draft specifications and open community discussion, led by CopilotKit🪁. More details below

Atai Barkai

38,852 просмотров • 1 месяц назад

All UI will become AI This is THE article you'll need give your agents a frontend. Agent-user collaboration is the future, see below 👇
0:37

All UI will become AI This is THE article you'll need give your agents a frontend. Agent-user collaboration is the future, see below 👇

Atai Barkai

498,689 просмотров • 5 месяцев назад

Your AI stack just stopped being closed. 🔓 TanStack AI now speaks AG-UI client-to-server. - The same client hits any AG-UI server. - Any AG-UI client hits a TanStack server. Zero breaking changes. Migration guide in the tweet below 👇
0:30

Your AI stack just stopped being closed. 🔓 TanStack AI now speaks AG-UI client-to-server. - The same client hits any AG-UI server. - Any AG-UI client hits a TanStack server. Zero breaking changes. Migration guide in the tweet below 👇

TANSTACK

79,086 просмотров • 5 месяцев назад

🆕 Major upgrades to Google AI Studio: - More intuitive prompting UI - New Starter Apps to use, fork, and share - Native code editing to customize and create your own AND MORE. Start building in Blog for details:
1:08

🆕 Major upgrades to Google AI Studio: - More intuitive prompting UI - New Starter Apps to use, fork, and share - Native code editing to customize and create your own AND MORE. Start building in Blog for details:

Google AI Developers

47,030 просмотров • 1 год назад

Introducing the new AI first vibe coding experience in Google AI Studio! Built to take you from prompt to production with Gemini, and optimized for AI app creation. Start building AI apps for free : ) More updates and features to come!
4:40

Introducing the new AI first vibe coding experience in Google AI Studio! Built to take you from prompt to production with Gemini, and optimized for AI app creation. Start building AI apps for free : ) More updates and features to come!

Logan Kilpatrick

1,582,917 просмотров • 1 год назад

🚨 Breaking: Google just open-sourced the Agent Development Kit (ADK) a framework for building AI agents and multi-agent systems. - Build agents in under 100 lines. - Supports MCP More information and how to get started 👇 1/5
0:22

🚨 Breaking: Google just open-sourced the Agent Development Kit (ADK) a framework for building AI agents and multi-agent systems. - Build agents in under 100 lines. - Supports MCP More information and how to get started 👇 1/5

AshutoshShrivastava

130,522 просмотров • 1 год назад