Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

Experimenting with generative UI

Ibelick's profile picture

Ibelick

10,453 subscribers

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

SanatBilim & TeknolojiEğitim
LIVE

Anya Rossi• Live Now

Private livecam show

11 Yorum

Srujan Papaiahgari profil fotoğrafı
Srujan Papaiahgari1 yıl önce

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

Ibelick profil fotoğrafı
Ibelick1 yıl önce

yes!

UserInterface profil fotoğrafı
UserInterface2 yıl önce

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

Olly profil fotoğrafı
Olly1 yıl önce

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

Maxime Peabody profil fotoğrafı
Maxime Peabody1 yıl önce

so generative UI = streamed components?

Kristian Veter profil fotoğrafı
Kristian Veter1 yıl önce

Love your work 💪

Jikku Jose profil fotoğrafı
Jikku Jose1 yıl önce

This is React?

Sami Hindi profil fotoğrafı
Sami Hindi1 yıl önce

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 profil fotoğrafı
Ibelick1 yıl önce

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

Pavel Svitek 🇨🇭 profil fotoğrafı
Pavel Svitek 🇨🇭1 yıl önce

very nice.

Mathias Adam profil fotoğrafı
Mathias Adam1 yıl önce

🥰👀🤩

Benzer Videolar

Generative UI and In-App Agents with assistant-ui
4:53

Generative UI and In-App Agents with assistant-ui

Simon Farshid

120,983 görüntüleme • 1 yıl ö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

"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

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

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

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

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

Tarun Vats

15,895 görüntüleme • 7 ay ö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

. 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

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:
1:01

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

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

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 görüntüleme • 2 yıl önce

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

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 görüntüleme • 1 yıl ö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

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.
0:21

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 görüntüleme • 3 yıl ö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

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

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

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.
1:11

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 görüntüleme • 3 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

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

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

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

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

Meter

332,187 görüntüleme • 1 yıl önce

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

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,330 görüntüleme • 14 gün önce