Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

Experimenting with generative UI

Ibelick's profile picture

Ibelick

10,453 subscribers

116,318 Aufrufe • vor 1 Jahr •via X (Twitter)

KunstWissenschaft & TechnologieBildung
LIVE

Anya Rossi• Live Now

Private livecam show

11 Kommentare

Profilbild von Srujan Papaiahgari
Srujan Papaiahgarivor 1 Jahr

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

Profilbild von Ibelick
Ibelickvor 1 Jahr

yes!

Profilbild von UserInterface
UserInterfacevor 2 Jahren

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

Profilbild von Olly
Ollyvor 1 Jahr

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

Profilbild von Maxime Peabody
Maxime Peabodyvor 1 Jahr

so generative UI = streamed components?

Profilbild von Kristian Veter
Kristian Vetervor 1 Jahr

Love your work 💪

Profilbild von Jikku Jose
Jikku Josevor 1 Jahr

This is React?

Profilbild von Sami Hindi
Sami Hindivor 1 Jahr

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.

Profilbild von Ibelick
Ibelickvor 1 Jahr

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

Profilbild von Pavel Svitek 🇨🇭
Pavel Svitek 🇨🇭vor 1 Jahr

very nice.

Profilbild von Mathias Adam
Mathias Adamvor 1 Jahr

🥰👀🤩

Ähnliche Videos

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

Generative UI and In-App Agents with assistant-ui

Simon Farshid

120,983 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 3 Monaten

"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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 10 Monaten

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 Aufrufe • vor 7 Monaten

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 Aufrufe • vor 11 Monaten

. 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 Aufrufe • vor 2 Jahren

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 Aufrufe • vor 4 Monaten

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 Aufrufe • vor 2 Jahren

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 4 Monaten

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 Aufrufe • vor 3 Jahren

✨ 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 Aufrufe • vor 2 Jahren

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 Aufrufe • vor 25 Tagen

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 Aufrufe • vor 3 Monaten

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 Aufrufe • vor 2 Monaten

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 Aufrufe • vor 3 Monaten

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 14 Tagen