Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

Generative UI and In-App Agents with assistant-ui

simonfarshid's profile picture

Simon Farshid

2,984 subscribers

120,983 görüntüleme • 1 yıl önce •via X (Twitter)

Bilim & TeknolojiEğitim
LIVE

Anya Rossi• Live Now

Private livecam show

10 Yorum

Simon Farshid profil fotoğrafı
Simon Farshid1 yıl önce

Learn more here:

Agamdeep Singh profil fotoğrafı
Agamdeep Singh1 yıl önce

This is legitly so cool! Thanks for making this.

Colin Angel profil fotoğrafı
Colin Angel1 yıl önce

If you are interested in this check out @joinnatural

cole murray profil fotoğrafı
cole murray1 yıl önce

Very cool!

jaeyoon profil fotoğrafı
jaeyoon1 yıl önce

Chat as the ultimate interface as an AI is just laziness on part of product and design.

Dan Sutera profil fotoğrafı
Dan Sutera1 yıl önce

Loving this. Thinking how to create some new blocks for

Hamed Bahram profil fotoğrafı
Hamed Bahram1 yıl önce

Pretty cool! I'd love to have a conversation with you about this over on my YT channel. Let me know if you'd be interested. Here is my channel →

Dhairyasheel Patil profil fotoğrafı
Dhairyasheel Patil1 yıl önce

New use cases !!!

Samuel Ekpe profil fotoğrafı
Samuel Ekpe1 yıl önce

I like it

Matin Esfahani profil fotoğrafı
Matin Esfahani1 yıl önce

Cool stuff!

Benzer Videolar

Experimenting with generative UI
0:34

Experimenting with generative UI

Ibelick

116,318 görüntüleme • 1 yıl önce

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 > LangChain LangGraph & Google ADK agents working together simultaneously inside an app Demo GitHub, docs, and more 👇
0:25

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 > LangChain LangGraph & Google ADK agents working together simultaneously inside an app Demo GitHub, docs, and more 👇

CopilotKit🪁

30,557 görüntüleme • 8 ay önce

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 görüntüleme • 4 ay önce

generative ui is no longer a skill issue. 1. npx skills add tambo-ai/tambo --skill generative-ui 2. /generative-ui an agent that manages tasks what will you build?
0:30

generative ui is no longer a skill issue. 1. npx skills add tambo-ai/tambo --skill generative-ui 2. /generative-ui an agent that manages tasks what will you build?

Michael Magán

67,484 görüntüleme • 3 ay önce

💬assistant-ui is an open-source TypeScript/React library for AI chat. It brings a ChatGPT-like UI directly into your app. Get started via `npx assistant-ui init`. Congrats on the launch, Simon Farshid!
0:58

💬assistant-ui is an open-source TypeScript/React library for AI chat. It brings a ChatGPT-like UI directly into your app. Get started via `npx assistant-ui init`. Congrats on the launch, Simon Farshid!

Y Combinator

132,190 görüntüleme • 1 yıl önce

"If only my frontend could just generate the ui/ux..." - Generative UI
3:11

"If only my frontend could just generate the ui/ux..." - Generative UI

Shawn Charles🎤🔥

20,837 görüntüleme • 1 yıl önce

🪁🦜CoAgents x LangGraph Bring your agents into React apps with powerful and fully customizable React hooks. Styled or headless UI. Including Agentic Chat, realtime Shared State, Frontend tools, Generative UI, and Human-in-the-Loop. Used by Fortune 100 teams & thousands of devs. Get started: LangChain
1:43

🪁🦜CoAgents x LangGraph Bring your agents into React apps with powerful and fully customizable React hooks. Styled or headless UI. Including Agentic Chat, realtime Shared State, Frontend tools, Generative UI, and Human-in-the-Loop. Used by Fortune 100 teams & thousands of devs. Get started: LangChain

CopilotKit🪁

17,150 görüntüleme • 1 yıl önce

. Guillermo Rauch discussing the @Vercel AI SDK and Generative UI in the #GoogleCloudNext keynote
5:55

. Guillermo Rauch discussing the @Vercel AI SDK and Generative UI in the #GoogleCloudNext keynote

Jared Palmer

96,726 görüntüleme • 2 yıl önce

Generative UI using Foundation Model in iOS 26. I love how the UI changes realtime as the streaming response updates.
0:47

Generative UI using Foundation Model in iOS 26. I love how the UI changes realtime as the streaming response updates.

Tanmay

26,893 görüntüleme • 11 ay önce

📋 Open Multi-Agent Canvas Plug-in any LangGraph agents, then chat with them. Including Generative UI, state streaming, and automatic agent routing. New template for learning how to add frontend features to LangGraph agents. Try it out: LangChain
0:30

📋 Open Multi-Agent Canvas Plug-in any LangGraph agents, then chat with them. Including Generative UI, state streaming, and automatic agent routing. New template for learning how to add frontend features to LangGraph agents. Try it out: LangChain

CopilotKit🪁

15,492 görüntüleme • 1 yıl önce

AI agents can finally talk to your frontend! The new AG-UI protocol lets your agents stream messages, sync state, call tools, and receive user input, live in the UI. It fills a critical gap in the agent ecosystem: ▸ MCP – agents to tools ▸ A2A – agents to agents ▸ AG-UI – agents to users, via frontends Connects to LangChain, CrewAI, and LlamaIndex (and more). 100% open-source.
0:25

AI agents can finally talk to your frontend! The new AG-UI protocol lets your agents stream messages, sync state, call tools, and receive user input, live in the UI. It fills a critical gap in the agent ecosystem: ▸ MCP – agents to tools ▸ A2A – agents to agents ▸ AG-UI – agents to users, via frontends Connects to LangChain, CrewAI, and LlamaIndex (and more). 100% open-source.

Lior⚡

15,514 görüntüleme • 11 ay önce

First look at Agents SDK dynamic ui gen via MCP UI
0:38

First look at Agents SDK dynamic ui gen via MCP UI

Confidence

17,809 görüntüleme • 7 ay önce

✨ Next level generative UI design is here ✨ The most popular UI generator just got even better! With Autodesigner 2.0, type out your ideas in plain text to design, prototype and iterate in seconds. #autodesigner #uizard #generativeui
0:57

✨ Next level generative UI design is here ✨ The most popular UI generator just got even better! With Autodesigner 2.0, type out your ideas in plain text to design, prototype and iterate in seconds. #autodesigner #uizard #generativeui

uizard ✨ by Miro Labs

35,651 görüntüleme • 2 yıl önce

体验 Generative UI 的魔力 👇
0:35

体验 Generative UI 的魔力 👇

Tom Huang

23,392 görüntüleme • 1 yıl önce

Orchestrating many agents can feel transparent, with the right ui
1:02

Orchestrating many agents can feel transparent, with the right ui

Amelia Wattenberger 🪷

88,993 görüntüleme • 4 ay önce

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:
0:36

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,984 görüntüleme • 4 ay önce

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:
0:36

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

137,769 görüntüleme • 2 ay önce

Game UI in Rive. Character rigs, animations and effects, all done in-app,
0:34

Game UI in Rive. Character rigs, animations and effects, all done in-app,

Drawsgood

12,703 görüntüleme • 24 gün önce

One UI 8: App opening and closing animations
0:33

One UI 8: App opening and closing animations

Tarun Vats

29,062 görüntüleme • 1 yıl önce