正在加载视频...

视频加载失败

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

Experimenting with generative UI

Ibelick

10,453 subscribers

116,318 次观看 • 1 年前 •via X (Twitter)

艺术科学技术教育

Anya Rossi• Live Now

Private livecam show

11 条评论

Srujan Papaiahgari 的头像

Srujan Papaiahgari1 年前

Generative UI is the new normal. Are you using vercel ai sdk?

Ibelick 的头像

Ibelick1 年前

yes!

UserInterface 的头像

UserInterface2 年前

Unveiling the Future of Prompt Engineering for Better AI Interactions #tech

Olly 的头像

Olly1 年前

You made a Strava MCP? I know their APIs are public but do tell me more 👀

Maxime Peabody 的头像

Maxime Peabody1 年前

so generative UI = streamed components?

Kristian Veter 的头像

Kristian Veter1 年前

Love your work 💪

Jikku Jose 的头像

Jikku Jose1 年前

This is React?

Sami Hindi 的头像

Sami Hindi1 年前

How do you combine this with the Vercel AI SDK? Can we get a template or sth? Also what do you use as a Backend? Currently using mongodb.

Ibelick 的头像

Ibelick1 年前

its a nextjs app with ai sdk and prompt-kit. Im figuring out the way to drop it

Pavel Svitek 🇨🇭 的头像

Pavel Svitek 🇨🇭1 年前

very nice.

Mathias Adam 的头像

Mathias Adam1 年前

🥰👀🤩

相关视频

Generative UI and In-App Agents with assistant-ui

Generative UI and In-App Agents with assistant-ui

Simon Farshid

120,983 次观看 • 1 年前

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?

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

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

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

Shawn Charles🎤🔥

20,837 次观看 • 1 年前

primitives is out! UI (prompt-kit) + API (AI SDK v5) to build AI applications. install it in one command with the shadcn CLI.

primitives is out! UI (prompt-kit) + API (AI SDK v5) to build AI applications. install it in one command with the shadcn CLI.

Ibelick

117,137 次观看 • 10 个月前

One UI 8.5: Object eraser has been integrated into generative edit.

One UI 8.5: Object eraser has been integrated into generative edit.

Tarun Vats

15,895 次观看 • 7 个月前

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

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

Tanmay

26,893 次观看 • 11 个月前

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

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

Jared Palmer

96,726 次观看 • 2 年前

Experimenting with an idea I'm calling the sandbox. It's a little zone for the AI to create new UI elements that render in Conductor:

Experimenting with an idea I'm calling the sandbox. It's a little zone for the AI to create new UI elements that render in Conductor:

Charlie Holtz

27,914 次观看 • 4 个月前

Introducing morph: a fully open-source AI-powered answer engine with a generative UI. Built with Vercel AI SDK, it delivers awesome streaming results. 👇 More details

Introducing morph: a fully open-source AI-powered answer engine with a generative UI. Built with Vercel AI SDK, it delivers awesome streaming results. 👇 More details

Yoshiki Miura

481,286 次观看 • 2 年前

This is Claude Artifacts on steroids. You can now transform datasets into interactive dashboards with this new AI tool using Generative UI. Here’s how:

This is Claude Artifacts on steroids. You can now transform datasets into interactive dashboards with this new AI tool using Generative UI. Here’s how:

Alvaro Cintas

203,506 次观看 • 1 年前

Studios like Ghostopia's Supersocial are already leveraging our Generative AI tools to empower development: seamlessly producing, experimenting with, and implementing Roblox-ready resources at the press of a button.

Studios like Ghostopia's Supersocial are already leveraging our Generative AI tools to empower development: seamlessly producing, experimenting with, and implementing Roblox-ready resources at the press of a button.

Roblox

341,582 次观看 • 3 年前

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

✨ 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

✨ 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 次观看 • 2 年前

Stop leaving your Agent stateless. Give it Threads in one hook. Resumable conversations that capture everything: messages, generative UI, shared state, human-in-the-loop workflows. Built on AG-UI, so it works with any compatible agent framework. docs:

Stop leaving your Agent stateless. Give it Threads in one hook. Resumable conversations that capture everything: messages, generative UI, shared state, human-in-the-loop workflows. Built on AG-UI, so it works with any compatible agent framework. docs:

Atai Barkai

40,648 次观看 • 29 天前

build an agent that speaks your UI. your charts. your forms. your seat maps. multi-turn, streaming, interactive. introducing tambo 1.0, the open-source generative UI toolkit for react.

build an agent that speaks your UI. your charts. your forms. your seat maps. multi-turn, streaming, interactive. introducing tambo 1.0, the open-source generative UI toolkit for react.

Michael Magán

261,138 次观看 • 4 个月前

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

137,769 次观看 • 2 个月前

generative ui in production. we use tambo in our own console. it's tambo all the way down. just ask: - create a project - generate an API key - show me my latest messages - add an MCP server build an agent that speaks your ui with tambo.

generative ui in production. we use tambo in our own console. it's tambo all the way down. just ask: - create a project - generate an API key - show me my latest messages - add an MCP server build an agent that speaks your ui with tambo.

Michael Magán

16,229 次观看 • 3 个月前

Meet Meter Command. A generative UI product for getting information, taking action, and building real-time software – all in natural language.

Meet Meter Command. A generative UI product for getting information, taking action, and building real-time software – all in natural language.

Meter

332,187 次观看 • 1 年前

Curious how to build Generative UI? 🦋 Hatcha is a cross-platform party planning demo built with Flutter, ADK, and A2UI by our friends at gskinner! Check out the source code:

Curious how to build Generative UI? 🦋 Hatcha is a cross-platform party planning demo built with Flutter, ADK, and A2UI by our friends at gskinner! Check out the source code:

Flutter

14,505 次观看 • 17 天前