正在加载视频...

视频加载失败

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

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

277,799 subscribers

14,800 次观看 • 3 个月前 •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

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

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

Say hello to Glean Apps – no-code custom generative AI agents, assistants, copilots, and chatbots to help you unlock the full potential of AI at work. ✨ Check out how you can use the Glean Platform to securely build and deploy custom AI apps 👉

Say hello to Glean Apps – no-code custom generative AI agents, assistants, copilots, and chatbots to help you unlock the full potential of AI at work. ✨ Check out how you can use the Glean Platform to securely build and deploy custom AI apps 👉

Glean

11,678 次观看 • 2 年前

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

Hey guys! I and the team Dart Mind have been experimenting with something close to DartPad and are thrilled to introduce CodePad, a DartPad alternative. Built using purely #Dart & #Flutter, you can run your Dart sample code efficiently using the Codepad platform. Demo:

Hey guys! I and the team Dart Mind have been experimenting with something close to DartPad and are thrilled to introduce CodePad, a DartPad alternative. Built using purely #Dart & #Flutter, you can run your Dart sample code efficiently using the Codepad platform. Demo:

czar

51,370 次观看 • 2 年前

Check out how we build APIs at Coinbase. Both internally, using our Internal Developer Platform (IDP). And externally, through Coinbase Developer Platform (CDP). If you're thinking of integrating crypto into your app, check out And if you're a developer looking to work at Coinbase 🛡️ check out

Check out how we build APIs at Coinbase. Both internally, using our Internal Developer Platform (IDP). And externally, through Coinbase Developer Platform (CDP). If you're thinking of integrating crypto into your app, check out And if you're a developer looking to work at Coinbase 🛡️ check out

Brian Armstrong

126,645 次观看 • 2 年前

You may have seen this if you were at flutterCon last week, but this endless runner is a vanilla Flutter app. :) Dashsurfers (...name subject to change) is a little 3D game built with Flutter Scene, running in real time at 120 fps. The rendering, the particles, the UI, all Flutter.

You may have seen this if you were at flutterCon last week, but this endless runner is a vanilla Flutter app. :) Dashsurfers (...name subject to change) is a little 3D game built with Flutter Scene, running in real time at 120 fps. The rendering, the particles, the UI, all Flutter.

Brandon DeRosier

18,657 次观看 • 1 个月前

Here's another reason why Microsoft Foundry is the BEST platform in the world to build and run your agents: Our durable, long running agents come with Toolbox 🔨 Toolbox allowed me to reduce input tokens 90%(!!) and significantly simplify the amount of code needed Check out the demo below and see how you can bring hundreds of tools through a single MCP endpoint -- all running in Foundry at cloud scale! ☁️

Here's another reason why Microsoft Foundry is the BEST platform in the world to build and run your agents: Our durable, long running agents come with Toolbox 🔨 Toolbox allowed me to reduce input tokens 90%(!!) and significantly simplify the amount of code needed Check out the demo below and see how you can bring hundreds of tools through a single MCP endpoint -- all running in Foundry at cloud scale! ☁️

Jeff Hollan

127,638 次观看 • 4 个月前

Last week NBA legend Baron Davis hosted a party at SLiC Studios in LA to showcase the new Bart Oatmeal game they built using the Code Payments Platform. Check out the recap video below (sound on). No one throws a party like BD and team.

Last week NBA legend Baron Davis hosted a party at SLiC Studios in LA to showcase the new Bart Oatmeal game they built using the Code Payments Platform. Check out the recap video below (sound on). No one throws a party like BD and team.

Code

21,757 次观看 • 1 年前

The future of software is here. Meet Agentforce—the world’s first and only low-code platform to build and customize autonomous AI agents. Build your first agent at #DF24 to see how pilot customers increased case deflection by 40–50% with Agentforce:

The future of software is here. Meet Agentforce—the world’s first and only low-code platform to build and customize autonomous AI agents. Build your first agent at #DF24 to see how pilot customers increased case deflection by 40–50% with Agentforce:

Salesforce

21,207 次观看 • 2 年前

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

Phonopolis Demo is OUT NOW on Steam!! 📣 Take a look at how we built the cardboard city by hand.

Phonopolis Demo is OUT NOW on Steam!! 📣 Take a look at how we built the cardboard city by hand.

Amanita Design 📣 Phonopolis

54,459 次观看 • 7 个月前

The Governance UI Kit & App Template is open to developers! ✨ Ready-to-use DAO UI components ✨ Flexible UI Host, built with React & Next.js ✨ Fully customizable ✨ Open source, with option to self-host From optimistic governance to gauges, build a custom Governance Hub.

The Governance UI Kit & App Template is open to developers! ✨ Ready-to-use DAO UI components ✨ Flexible UI Host, built with React & Next.js ✨ Fully customizable ✨ Open source, with option to self-host From optimistic governance to gauges, build a custom Governance Hub.

Aragon.eth 🦅

12,878 次观看 • 1 年前

Anthropic's most viral feature is now open-source! Until now, Anthropic's Generative UI capabilities only existed inside its own products. CopilotKit🪁 just shipped Open Generative UI, an open-source implementation of Claude Artifacts that works in any app. The agent generates HTML/SVG at runtime, and CopilotKit streams it token-by-token into a sandboxed iframe inside the app's chat. So the user can watch the UI assemble itself in real time, not after the full response is ready. The sandbox is fully isolated with no access to the parent app, the DOM, or user data. So if the agent hallucinates broken markup or unexpected JavaScript, nothing leaks outside the iframe. Under the hood, the agent does not select from pre-built components. Instead, it generates arbitrary visuals from scratch every time. The output is unconstrained by default, but you can shape it by defining prompt-based skills that teach the agent specific visual formats or guidelines. For instance, a skill prompt can guide the agent toward producing a Chart.js dashboard with proper axis labels and responsive sizing, or an interactive 3D model with rotation controls. The video below shows this in action, and the output quality you see actually comes from the skills layer. Open Generative UI runs on AG-UI, so it works out of the box with LangGraph, CrewAI, Mastra, Google ADK, AWS Strands, and more. It also ships with a standalone MCP server that plugs into Claude Code, Cursor, or any MCP-compatible client. And the entire stack is built on top of CopilotKit, the open-source frontend framework for agents and generative UI. 30k+ GitHub stars, with SDKs for React, Next.js, Angular, and Vue. I have shared the GitHub repo and a live playground in the replies!

Anthropic's most viral feature is now open-source! Until now, Anthropic's Generative UI capabilities only existed inside its own products. CopilotKit🪁 just shipped Open Generative UI, an open-source implementation of Claude Artifacts that works in any app. The agent generates HTML/SVG at runtime, and CopilotKit streams it token-by-token into a sandboxed iframe inside the app's chat. So the user can watch the UI assemble itself in real time, not after the full response is ready. The sandbox is fully isolated with no access to the parent app, the DOM, or user data. So if the agent hallucinates broken markup or unexpected JavaScript, nothing leaks outside the iframe. Under the hood, the agent does not select from pre-built components. Instead, it generates arbitrary visuals from scratch every time. The output is unconstrained by default, but you can shape it by defining prompt-based skills that teach the agent specific visual formats or guidelines. For instance, a skill prompt can guide the agent toward producing a Chart.js dashboard with proper axis labels and responsive sizing, or an interactive 3D model with rotation controls. The video below shows this in action, and the output quality you see actually comes from the skills layer. Open Generative UI runs on AG-UI, so it works out of the box with LangGraph, CrewAI, Mastra, Google ADK, AWS Strands, and more. It also ships with a standalone MCP server that plugs into Claude Code, Cursor, or any MCP-compatible client. And the entire stack is built on top of CopilotKit, the open-source frontend framework for agents and generative UI. 30k+ GitHub stars, with SDKs for React, Next.js, Angular, and Vue. I have shared the GitHub repo and a live playground in the replies!

Akshay 🚀

87,048 次观看 • 4 个月前

Introducing open source, real-time demo for Comfy Deploy, streaming in any params (text, number, images). Workflow by Julien Blanchon 🇺🇦 🫶 Running serverless gpu on Modal Drawing UI tldraw Inspired by Krea, fal 's real-time demo! Huge respects! Demo on GitHub. For context: tbh this is just a technical demo, truly meant to showcase how powerfully Comfy UI is when you get to expose the params. I'm also very grateful to even get the chance to meet with the team behind krea and fal in SF, these are very creative people and I have huge respect. Everything you see here is running behind a workflow done by julien when I asked for help in the discord, for which I am really really grateful. I'm looking toward a future where real-time generative AI becomes more accessible, and by contributing to open source, a lot more people can build creative AI apps and let their imaginations go wild. benny

Introducing open source, real-time demo for Comfy Deploy, streaming in any params (text, number, images). Workflow by Julien Blanchon 🇺🇦 🫶 Running serverless gpu on Modal Drawing UI tldraw Inspired by Krea, fal 's real-time demo! Huge respects! Demo on GitHub. For context: tbh this is just a technical demo, truly meant to showcase how powerfully Comfy UI is when you get to expose the params. I'm also very grateful to even get the chance to meet with the team behind krea and fal in SF, these are very creative people and I have huge respect. Everything you see here is running behind a workflow done by julien when I asked for help in the discord, for which I am really really grateful. I'm looking toward a future where real-time generative AI becomes more accessible, and by contributing to open source, a lot more people can build creative AI apps and let their imaginations go wild. benny

BennyKok

165,435 次观看 • 2 年前

Gitlip Editors: Demo Launch 🌷 Gitlip is a collaborative coding platform, and today we’re launching the demo for Gitlip Editors - our take on collaborative coding environments. If you've ever wanted to collaborate on Markdown or code with the convenience of Google Docs, our demo is for you.

Gitlip Editors: Demo Launch 🌷 Gitlip is a collaborative coding platform, and today we’re launching the demo for Gitlip Editors - our take on collaborative coding environments. If you've ever wanted to collaborate on Markdown or code with the convenience of Google Docs, our demo is for you.

Natalie Marleny

35,886 次观看 • 1 年前

Warp's open-source contribution flow is backed by coding agents, with skills for triage, planning, coding, review, and verification. This lets contributors focus on ideas and direction. If you're curious how these agents work, here's a walkthrough of our contribution flow:

Warp's open-source contribution flow is backed by coding agents, with skills for triage, planning, coding, review, and verification. This lets contributors focus on ideas and direction. If you're curious how these agents work, here's a walkthrough of our contribution flow:

Zach Lloyd

29,224 次观看 • 4 个月前