正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

Introducing 𝙾𝚙𝚎𝚗 𝙸𝚗𝚝𝚎𝚕𝚕𝚒𝚐𝚎𝚗𝚝 𝚄𝙸 A template for bringing interactive, generative UI to your own product. Works with ANY agent. Supports: → Your design system → Your components → Your real data and actions Repo: Available on Web, Mobile, and Slack. Powered by CopilotKit🪁 and AG-UI.

Atai Barkai

10,011 subscribers

71,641 次观看 • 5 天前 •via X (Twitter)

教育健康养生科学技术

Anya Rossi• Live Now

Private livecam show

17 条评论

Atai Barkai 的头像

Atai Barkai5 天前

Read More:

Yash 的头像

Yash5 天前

My guy is on mission to single handedly open source everything!!!!!

Khurram Khan ✪ | AI for UK SMEs 的头像

Khurram Khan ✪ | AI for UK SMEs5 天前

You guys are dropping, great work 👏🏼

Michael Magán 的头像

Michael Magán5 天前

Let's go.

Eli Berman 的头像

Eli Berman5 天前

Everyone literally needs this if they want to stay relevant

Khalilhabib 的头像

Khalilhabib5 天前

you guys are too fast

CopilotKit🪁 的头像

CopilotKit🪁5 天前

🚀🚀🚀

𝒜ᴎⒾℜ𝒰𝕯∂ᖺᵃ 𝔸𝖉ᎯҠ 的头像

𝒜ᴎⒾℜ𝒰𝕯∂ᖺᵃ 𝔸𝖉ᎯҠ5 天前

yes, it's time too copy paste but with more amazinng things with and make all close src drama end ..

Shubham 的头像

Shubham5 天前

Cool stuff but how do I pick between OpenUI and Open "Intelligent" UI?

Siddhant Mani 的头像

Siddhant Mani4 天前

The “your components” part is the key. Generative UI only feels native when it composes the real design system. How do you stop the agent from inventing props that don’t exist?

ata 的头像

ata4 天前

this is great!!

Jeff 的头像

Jeff5 天前

Nice launch. The real value is letting teams keep their design system and still ship agent actions fast.

Yariv 的头像

Yariv5 天前

@claudeai After you 🙂

Spywrites💢 的头像

Spywrites💢4 天前

Is it work on top of GPT or claude , any subscription or is it like skill for coding agent

Pablo Manjarres 的头像

Pablo Manjarres4 天前

Using the product’s component library for generated screens, yes please

BitAres 的头像

BitAres5 天前

If I reopen the conversation tomorrow, will the generated UI keep my edits?

Nicolò Tognoni 的头像

Nicolò Tognoni5 天前

This is the part customers actually notice, most of them don't want another chat box, curious how it handles the agent changing the UI mid task

相关视频

🎉 Introducing 𝙾𝚙𝚎𝚗 𝙱𝚘𝚝 An open source Grok Bot that works with ANY agent harness, designed for real companies. It includes: - AI Coworkers - Generative UI - Computer use (remote/local) - Agent-human handoffs - Full data recording, owned by you Repo → We're using this internally at CopilotKit🪁 and it's changing the way we work forever. Powered by CopilotKit and AG-UI. More info below 👇

🎉 Introducing 𝙾𝚙𝚎𝚗 𝙱𝚘𝚝 An open source Grok Bot that works with ANY agent harness, designed for real companies. It includes: - AI Coworkers - Generative UI - Computer use (remote/local) - Agent-human handoffs - Full data recording, owned by you Repo → We're using this internally at CopilotKit🪁 and it's changing the way we work forever. Powered by CopilotKit and AG-UI. More info below 👇

Atai Barkai

859,952 次观看 • 1 个月前

🎉 Introducing 𝙾𝚙𝚎𝚗𝙼𝚞𝚜𝚎 An open source, self-hostable personal assistant that works with any agent harness. Includes: - Computer use: browser, terminal & files - Connectors for your personal apps - Ideas, goals & progress tracking - Built for Mobile and Web Repo → Powered by CopilotKit🪁 and AG-UI. Clone this template and customize it however you want.

🎉 Introducing 𝙾𝚙𝚎𝚗𝙼𝚞𝚜𝚎 An open source, self-hostable personal assistant that works with any agent harness. Includes: - Computer use: browser, terminal & files - Connectors for your personal apps - Ideas, goals & progress tracking - Built for Mobile and Web Repo → Powered by CopilotKit🪁 and AG-UI. Clone this template and customize it however you want.

Atai Barkai

1,157,533 次观看 • 22 天前

🎉 Introducing 𝙾𝚙𝚎𝚗𝙳𝚘𝚝𝚜 Self-hostable, always-on AI coworkers that works with ANY agent harness. Includes: - Computer use: browser, terminal & files - Bring agents to Slack, Teams etc - Spaces and Pages for projects - Voice calls - Web and Mobile Repo → Powered by CopilotKit🪁 and AG-UI. Clone this template and customize it however you want. Enterprise-ready.

🎉 Introducing 𝙾𝚙𝚎𝚗𝙳𝚘𝚝𝚜 Self-hostable, always-on AI coworkers that works with ANY agent harness. Includes: - Computer use: browser, terminal & files - Bring agents to Slack, Teams etc - Spaces and Pages for projects - Voice calls - Web and Mobile Repo → Powered by CopilotKit🪁 and AG-UI. Clone this template and customize it however you want. Enterprise-ready.

Atai Barkai

1,066,269 次观看 • 13 天前

🚀 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

🚀 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🪁

198,788 次观看 • 2 个月前

Introducing Shadify: Generative UI built on ShadCN Simply describe a UI and watch your LangChain agent compose from @ShadCN on the fly, using AG-UI and CopilotKit🪁. Then export it as React code. Repo below. Try it out here:

Introducing Shadify: Generative UI built on ShadCN Simply describe a UI and watch your LangChain agent compose from @ShadCN on the fly, using AG-UI and CopilotKit🪁. Then export it as React code. Repo below. Try it out here:

Atai Barkai

138,046 次观看 • 6 个月前

Introducing the A2UI Widget Builder ⚙️ An interactive demo and template to build A2UI Widgets and bring them into your application. Powered by CopilotKit & Google's new A2UI spec Includes... - Widget Gallery: premade UI widgets you can use & modify - Material Icons: 100 of the most commonly used icons - UI Components: common components preview, usage and props - Source code and data on any widget/icon/component - Built with CopilotKit- so you get chat UI, generative UI, etc. Try it out: Tutorial of how to get started: Repo:

Introducing the A2UI Widget Builder ⚙️ An interactive demo and template to build A2UI Widgets and bring them into your application. Powered by CopilotKit & Google's new A2UI spec Includes... - Widget Gallery: premade UI widgets you can use & modify - Material Icons: 100 of the most commonly used icons - UI Components: common components preview, usage and props - Source code and data on any widget/icon/component - Built with CopilotKit- so you get chat UI, generative UI, etc. Try it out: Tutorial of how to get started: Repo:

CopilotKit🪁

18,783 次观看 • 10 个月前

🦞 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

🦞 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🪁

45,956 次观看 • 1 个月前

🚀 Introducing CopilotKit for Angular Build agentic Angular apps with: → Drop-in chat or your own UI → Generative UI with A2UI → Shared state → Human-in-the-loop approvals Built on AG-UI and contributed by Angular GDE Rainer Hahnekamp and Murat Sari. Great collaborating on this. Read more:

🚀 Introducing CopilotKit for Angular Build agentic Angular apps with: → Drop-in chat or your own UI → Generative UI with A2UI → Shared state → Human-in-the-loop approvals Built on AG-UI and contributed by Angular GDE Rainer Hahnekamp and Murat Sari. Great collaborating on this. Read more:

CopilotKit🪁

25,749 次观看 • 2 个月前

Introducing the Generative UI Research Canvas ✨ Every agent needs a powerful UI Combine LangChain, Tavily, Tako and CopilotKit🪁 and you get a LangChain-based research agent with a Generative UI-driven frontend. When agents can explore the underlying data, research becomes more trustworthy and useful. How does this work? - LangChain manages the agent workflow and tool orchestration. - Tako converts retrieved data into structured, visual components - Tavily provides agentic search - CopilotKit renders those components in the UI and keeps the user in the loop while the agent is working So instead of a boring and static report, the output is an interactive research canvas that evolves as the agent runs. 2026 is the year where users want to see the output, not read it... Generative UI makes this possible for agentic applications. Tutorial: Open-Source Repo: Docs:

Introducing the Generative UI Research Canvas ✨ Every agent needs a powerful UI Combine LangChain, Tavily, Tako and CopilotKit🪁 and you get a LangChain-based research agent with a Generative UI-driven frontend. When agents can explore the underlying data, research becomes more trustworthy and useful. How does this work? - LangChain manages the agent workflow and tool orchestration. - Tako converts retrieved data into structured, visual components - Tavily provides agentic search - CopilotKit renders those components in the UI and keeps the user in the loop while the agent is working So instead of a boring and static report, the output is an interactive research canvas that evolves as the agent runs. 2026 is the year where users want to see the output, not read it... Generative UI makes this possible for agentic applications. Tutorial: Open-Source Repo: Docs:

Atai Barkai

11,997 次观看 • 8 个月前

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.

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 次观看 • 8 个月前

One hook connects any Agent to your frontend Then layer on chat UI, threads, generative UI, voice transcription, tool calls, state sync, HITL, and any AI feature. We make it easy for devs to build fullstack agentic apps. Everything here is built with CopilotKit 👇

One hook connects any Agent to your frontend Then layer on chat UI, threads, generative UI, voice transcription, tool calls, state sync, HITL, and any AI feature. We make it easy for devs to build fullstack agentic apps. Everything here is built with CopilotKit 👇

CopilotKit🪁

20,541 次观看 • 4 个月前

Big release here! AG-UI 🤝 Google A2A Embed A2A multi-agent meshes in your frontend, and build fullstack multi-agent apps with A2A and AG-UI. 🔍How it works: Simply drop-in A2A agent endpoints, and an A2A AG-UI orchestrator agent will bi-directionally stream events between your Agents & application. Includes: - UI for A2A Interactions - Generative UI for Agent Tool Calls - Human-in-the Loop Approvals - State Synchronization (agent mesh application state) - Frontend Tool Calls for A2A Agents Watch the demo below > LangGraph & Google ADK agents working together simultaneously inside an app Demo GitHub, docs, and more 👇

Big release here! AG-UI 🤝 Google A2A Embed A2A multi-agent meshes in your frontend, and build fullstack multi-agent apps with A2A and AG-UI. 🔍How it works: Simply drop-in A2A agent endpoints, and an A2A AG-UI orchestrator agent will bi-directionally stream events between your Agents & application. Includes: - UI for A2A Interactions - Generative UI for Agent Tool Calls - Human-in-the Loop Approvals - State Synchronization (agent mesh application state) - Frontend Tool Calls for A2A Agents Watch the demo below > LangGraph & Google ADK agents working together simultaneously inside an app Demo GitHub, docs, and more 👇

CopilotKit🪁

31,845 次观看 • 1 年前

Introducing 𝙾𝚙𝚎𝚗 𝚃𝚎𝚊𝚌𝚑 Better Claude Teach that works with any agent, any model, and with your own data. Features: -> Embed Open Teach into your own custom agents -> Learn from in-browser activity and from agent interactions -> Self-hosted for full data sovereignty -> Future proof and cross-stack Get early access:

Introducing 𝙾𝚙𝚎𝚗 𝚃𝚎𝚊𝚌𝚑 Better Claude Teach that works with any agent, any model, and with your own data. Features: -> Embed Open Teach into your own custom agents -> Learn from in-browser activity and from agent interactions -> Self-hosted for full data sovereignty -> Future proof and cross-stack Get early access:

Atai Barkai

38,882 次观看 • 2 个月前

New: Google Gemini + Vercel AI SDK chatbot template ✨ Book a flight, select your seat, check out, and more — all with server-driven, interactive Generative UI components. Open-source and hackable!

New: Google Gemini + Vercel AI SDK chatbot template ✨ Book a flight, select your seat, check out, and more — all with server-driven, interactive Generative UI components. Open-source and hackable!

Lee Robinson

115,835 次观看 • 2 年前

You can now clone any UI on the web and make it your own with one click. Just: - grab it with our Chrome extension - paste into Fusion - Type "adapt to our brand" Converts the UI to your design system and stack Links in reply:

Steve (Builder.io)

40,275 次观看 • 1 年前

ChatGPT just rolled out Intelligent UI. Interactive answers on the spot 👀 You can already do this in your own product. We open-sourced it months ago. OpenGenerativeUI by CopilotKit🪁: - Algorithm visualizations - Charts and diagrams - Interactive widgets Clone it yourself 👇

ChatGPT just rolled out Intelligent UI. Interactive answers on the spot 👀 You can already do this in your own product. We open-sourced it months ago. OpenGenerativeUI by CopilotKit🪁: - Algorithm visualizations - Charts and diagrams - Interactive widgets Clone it yourself 👇

Atai Barkai

21,474 次观看 • 7 天前

Introducing a Design System Agent, powered by Fable 5. Sync your components, typography, spacing, colors, rules. Share with your team, design anything. Watch me change everything within Duolingo's design system on Magic Patterns:

Introducing a Design System Agent, powered by Fable 5. Sync your components, typography, spacing, colors, rules. Share with your team, design anything. Watch me change everything within Duolingo's design system on Magic Patterns:

Alex Danilowicz

139,122 次观看 • 4 个月前

Introducing: Argent Lens 🔍 A design review tool for agent-generated UI. With Lens your AI-agent can propose several design variants. You pick the one you like, leave comments on any part of the UI, and apply the changes. Now available in experimental.

Introducing: Argent Lens 🔍 A design review tool for agent-generated UI. With Lens your AI-agent can propose several design variants. You pick the one you like, leave comments on any part of the UI, and apply the changes. Now available in experimental.

Software Mansion

30,369 次观看 • 3 个月前

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:

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 次观看 • 2 个月前

Any AI agent can now do what Claude does! I found an open-source version of Anthropic's new Generative UI tools for Claude, built using CopilotKit🪁. It lets you render live charts, interactive diagrams, and 3D scenes right inside your own AI apps, just like Claude. Check this:

Any AI agent can now do what Claude does! I found an open-source version of Anthropic's new Generative UI tools for Claude, built using CopilotKit🪁. It lets you render live charts, interactive diagrams, and 3D scenes right inside your own AI apps, just like Claude. Check this:

Avi Chawla

20,947 次观看 • 6 个月前