Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

Introducing 💾moi: a generative workspace where agents builds their own UI. ✴ Skill for Claude Code, Codex, Hermes & OpenClaw ✴ Your agent extends the UI with full-stack widgets and pages ✴ Continues to live as copilot in these apps ✴ Build live dashboards, personal software, company OS ✴... show more

alexey taktarov

1,913 subscribers

15,540 views • 1 month ago •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

27 Comments

alexey taktarov1 month ago

install the skill or try the demo 🫳

bishesha1 month ago

is that a 2001 space odyssey reference?

alexey taktarov1 month ago

yessir

Capt Marbles1 month ago

This looks dope

AVB1 month ago

For a moment thought you were Elizabeth Holmes (based on profile pic) lol sorry Gud launch though 🤗

Buswe1 month ago

Rendering a real UI instead of dumping JSON is what makes an agent's output usable at a glance, and letting it extend that UI closes the loop.

@Lloyd1 month ago

Killer. Good stuff!

Andrew Geranin1 month ago

This feels very right on a fundamental level.

Anna Z1 month ago

looks cool!

Cody Hergenroeder 🍋⚡️1 month ago

Good problem, and been needing smth like this that doesn’t try to cannibalize my existing workflow. Excited to try!

Daniel Dhawan1 month ago

Congrats on your launch!!!

Mr. Decentralized1 month ago

Damn bro… this is dope

Tiago1 month ago

That's interesting

Aymane1 month ago

Man every day a new tool drops. I'm like an addict to software now. Really cool tool. Congrats on the drop!!

James Taylor1 month ago

this is too good to be true

Brian Estrada1 month ago

🔥

Rambo1 month ago

Good work

🌸 ellie 🌸1 month ago

@peace_node life from the loam

Emad Ghorbaninia1 month ago

This is the part of the agent story nobody's shipping fast enough — not smarter models, but interfaces that stop looking like a chat log. Building the UI live instead of picking from three preset ones is the right instinct.

slavique1 month ago

wow

Stopa1 month ago

So darn awesome!

cody1 month ago

Been using moi for the last week and it’s incredible

alexey taktarov1 month ago

thank you, what are the things that stood out? and if I may ask, what are your use cases of moi?

cody1 month ago

I use it for tons of stuff right now! Apologies for the mobile screenshots but really love being able to take all the dashboards and UI for alerting and bringing it all into one place. Also prompting agents for quick edits or adjustments is super useful.

elliott1 month ago

This is very interesting and I'm a bit scared wondering what my agent would choose to make for its interface... I'm not sure "How can I save this human from himself?" expresses itself well in a widget... 😐

Luka Harambasic (he/him)1 month ago

Let's gooooo 🚀🚀🚀

Tikhon Belousko1 month ago

So cool!

Related Videos

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:

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,997 views • 8 months ago

🚀 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 views • 2 months ago

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 views • 8 months ago

UI Skills are now easier for agents. Introducing UI Skills CLI. ask Codex, Cursor, Claude Code, or any agent to use the CLI, like: "use `npx ui-skills start` to fix the motion in this dialog" it finds the best design-engineering skill for the job and uses it as context

UI Skills are now easier for agents. Introducing UI Skills CLI. ask Codex, Cursor, Claude Code, or any agent to use the CLI, like: "use `npx ui-skills start` to fix the motion in this dialog" it finds the best design-engineering skill for the job and uses it as context

Ibelick

62,979 views • 3 months ago

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

138,046 views • 6 months ago

Microsoft Teams just got Generative UI But this is just the tip of the iceberg. AG-UI is the protocol connecting any agent to any user on any app, topped with Generative UI. That means your agent can render: - forms - buttons - charts - approval flows Right inside the chat, on the fly. But it's not limited to in-app copilots. What's special is that you can work with any agent using the same system and bring them into any surface, including Slack, WhatsApp, Discord and more. This is exactly why Hermes and OpenClaw took off. As users of these agents, we don't like walls of text, and it's a pain to get when you can have way better UX. CopilotKit🪁 + AG-UI handle that interaction layer. If you want to try out Agentic UI in Microsoft Teams, you can get early access here:

Microsoft Teams just got Generative UI But this is just the tip of the iceberg. AG-UI is the protocol connecting any agent to any user on any app, topped with Generative UI. That means your agent can render: - forms - buttons - charts - approval flows Right inside the chat, on the fly. But it's not limited to in-app copilots. What's special is that you can work with any agent using the same system and bring them into any surface, including Slack, WhatsApp, Discord and more. This is exactly why Hermes and OpenClaw took off. As users of these agents, we don't like walls of text, and it's a pain to get when you can have way better UX. CopilotKit🪁 + AG-UI handle that interaction layer. If you want to try out Agentic UI in Microsoft Teams, you can get early access here:

Atai Barkai

24,891 views • 3 months ago

Introducing October, the world's most advanced agent orchestrator Claude? Codex? Grok? Cursor? Which model? Which harness? How much quota is left? You shouldn't have to care Give October a task. It builds the team, connects the agents with native agent agent comms, and orchestrates the work based on the task, your taste, budget and remaining usage (or build the team yourself) And it's multiplayer: your team's agents can work with yours, live on the same canvas

Introducing October, the world's most advanced agent orchestrator Claude? Codex? Grok? Cursor? Which model? Which harness? How much quota is left? You shouldn't have to care Give October a task. It builds the team, connects the agents with native agent agent comms, and orchestrates the work based on the task, your taste, budget and remaining usage (or build the team yourself) And it's multiplayer: your team's agents can work with yours, live on the same canvas

Harsh Savergaonkar

25,878 views • 24 days ago

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 views • 1 year ago

🦞 Introducing OpenClaw in ANY app Ship apps with your OpenClaw🦞 agent, or let your users bring their own. Powered by AG-UI so you get generative UI, frontend tools, human-in-the-loop and self-modification. Supports: → Slack, MS Teams → React & React Native → Angular → Vue.js See it live👇 GitHub: OpenClaw🦞 Peter Steinberger 🦞 Vincent Koc Ayaan Zaidi

🦞 Introducing OpenClaw in ANY app Ship apps with your OpenClaw🦞 agent, or let your users bring their own. Powered by AG-UI so you get generative UI, frontend tools, human-in-the-loop and self-modification. Supports: → Slack, MS Teams → React & React Native → Angular → Vue.js See it live👇 GitHub: OpenClaw🦞 Peter Steinberger 🦞 Vincent Koc Ayaan Zaidi

CopilotKit🪁

45,956 views • 1 month ago

🧲 Meet Magnet — the AI workspace for agentic coding. Build software with Claude Code, Cursor, Codex & co. → Write a ticket → Magnet assembles context → Fires to Claude Code, Deep Research, and other agent sessions in parallel Git worktree sandboxes → PRs appear → Use agents to help you spec, research, and decompose tasks Let your agents cook!

🧲 Meet Magnet — the AI workspace for agentic coding. Build software with Claude Code, Cursor, Codex & co. → Write a ticket → Magnet assembles context → Fires to Claude Code, Deep Research, and other agent sessions in parallel Git worktree sandboxes → PRs appear → Use agents to help you spec, research, and decompose tasks Let your agents cook!

Nicolae Rusan

16,687 views • 1 year ago

Introducing: Argent Lens 🔍 A design review tool for agent-generated UI. With Lens your AI-agent can propose several design variants. You pick the one you like, leave comments on any part of the UI, and apply the changes. Now available in experimental.

Introducing: Argent Lens 🔍 A design review tool for agent-generated UI. With Lens your AI-agent can propose several design variants. You pick the one you like, leave comments on any part of the UI, and apply the changes. Now available in experimental.

Software Mansion

30,369 views • 3 months ago

🚀 Introducing Open Tag A better, open-source Claude Tag. Works with any model, any agent harness, and fully custom agents. Bring any Agent to Slack, MS Teams with Generative UI, Streaming, and much more! Clone the repo and get it running in minutes Powered by the Channels SDK & AG-UI

🚀 Introducing Open Tag A better, open-source Claude Tag. Works with any model, any agent harness, and fully custom agents. Bring any Agent to Slack, MS Teams with Generative UI, Streaming, and much more! Clone the repo and get it running in minutes Powered by the Channels SDK & AG-UI

CopilotKit🪁

198,788 views • 2 months ago

Claude Managed Agents 🤝 AG-UI Anthropic just shipped a full AG-UI integration, so you can bring your Managed Agent to any AG-UI frontend with: - Generative UI - Streaming - Tool calls - Stateful sessions Includes React & React Native, Next.js, Angular as well as Slack, Teams and more via the Channels SDK. All open source. Great collaborating with CJ Avilla from Anthropic on this! Check the blog for repos:

Claude Managed Agents 🤝 AG-UI Anthropic just shipped a full AG-UI integration, so you can bring your Managed Agent to any AG-UI frontend with: - Generative UI - Streaming - Tool calls - Stateful sessions Includes React & React Native, Next.js, Angular as well as Slack, Teams and more via the Channels SDK. All open source. Great collaborating with CJ Avilla from Anthropic on this! Check the blog for repos:

Atai Barkai

34,372 views • 2 months ago

Copilot and agents will transform work and business process. Every organization will have a constellation of agents – and Copilot is how you’ll interact with all these agents right in the flow of your work. It’s the UI for AI. #MSIgnite

Copilot and agents will transform work and business process. Every organization will have a constellation of agents – and Copilot is how you’ll interact with all these agents right in the flow of your work. It’s the UI for AI. #MSIgnite

Microsoft

60,092 views • 1 year ago

Introducing Claude agents in Notion. Your task board is Claude’s to-do list. Anthropic runs the model and the agent harness. Notion is the orchestration layer: context, UI, and a shared place for teams to review and ship, and kick off Claude workflows. Join the waitlist:

Introducing Claude agents in Notion. Your task board is Claude’s to-do list. Anthropic runs the model and the agent harness. Notion is the orchestration layer: context, UI, and a shared place for teams to review and ship, and kick off Claude workflows. Join the waitlist:

Notion

495,842 views • 6 months ago

Introducing Tidewave Web for Rails and Phoenix: a coding agent that runs in the browser alongside your web application, with full page and code context. Tidewave deeply integrates with your stack, from the database to the UI, making AI development more seamless and efficient.

Introducing Tidewave Web for Rails and Phoenix: a coding agent that runs in the browser alongside your web application, with full page and code context. Tidewave deeply integrates with your stack, from the database to the UI, making AI development more seamless and efficient.

José Valim

101,316 views • 1 year ago

Introducing /ui-test Give your agent a PR, and it'll test your feature in a real browser, generating an HTML report with UI fixes The planner agent generates adversarial test cases to break your app, assigns them to subagents, and evaluates the page using the Browserbase CLI We reviewed a merged PR on Cal.com and found a bunch of small UI nits:

Introducing /ui-test Give your agent a PR, and it'll test your feature in a real browser, generating an HTML report with UI fixes The planner agent generates adversarial test cases to break your app, assigns them to subagents, and evaluates the page using the Browserbase CLI We reviewed a merged PR on Cal.com and found a bunch of small UI nits:

Shrey Pandya

57,825 views • 6 months ago

Today, Sierra is releasing Ghostwriter, our agent for building agents. With Ghostwriter, you can create an AI agent for your customer experience — one that can chat, pick up the phone, speak dozens of languages, take action on your systems of record, and be protected with industry-leading guardrails — simply by having a conversation. No clicking, no forms, no menus. Codex and Claude Code have transformed how we build software, making it possible for software engineers to orchestrate and review the work rather than doing all the work themselves. We think the same transformation will happen for all software. Rather than every enterprise app having a web app for humans and an API for automation, every software platform’s UI will be an agent that can do the work on your behalf. I recorded a demo of my building and optimizing an agent with Ghostwriter so you can see how powerful and easy it is to use. It’s completely changed the way our early adopters build agents, and it’s changed the way I think about the software industry. Let me know what you think, and, if you’re interested in trying it out at your business, please reach out directly.

Today, Sierra is releasing Ghostwriter, our agent for building agents. With Ghostwriter, you can create an AI agent for your customer experience — one that can chat, pick up the phone, speak dozens of languages, take action on your systems of record, and be protected with industry-leading guardrails — simply by having a conversation. No clicking, no forms, no menus. Codex and Claude Code have transformed how we build software, making it possible for software engineers to orchestrate and review the work rather than doing all the work themselves. We think the same transformation will happen for all software. Rather than every enterprise app having a web app for humans and an API for automation, every software platform’s UI will be an agent that can do the work on your behalf. I recorded a demo of my building and optimizing an agent with Ghostwriter so you can see how powerful and easy it is to use. It’s completely changed the way our early adopters build agents, and it’s changed the way I think about the software industry. Let me know what you think, and, if you’re interested in trying it out at your business, please reach out directly.

Bret Taylor

1,064,650 views • 6 months ago

AG-UI makes building agentic applications dramatically easier. Here's how it works. This is a model for a simple chatbot: User → LLM → Response But interactive agents that render UI, pause for approvals, and ask users for input need a much more complex model. When building these agents, a response from the LLM will include a series of state changes as the agent runs: • Agent started a task • Agent called a tool • Agent updated its state • Agent streams these tokens • Agent is waiting on a human • Agent is resuming the task The Agent-User Interaction Protocol (AG-UI) treats the LLM response as a stream of events rather than a text endpoint. In practice, here is what you get as an agent runs: 1. Lifecycle events so your UI knows where the agent is. 2. Text messages that stream tokens. 3. Tool calls so your UI can prefill a form with any required arguments. 4. State updates that keep your UI in sync with the agent. 5. Special events for human approvals, rich media, and custom needs. All of these events travel over standard transports (SSE, WebSockets, or plain HTTP) as JSON. As a result, you can build a frontend that stays in sync with the agent's progress without having to invent a custom process to make this happen. For example, building a human-in-the-loop workflow becomes an off-the-shelf component you can integrate rather than build from scratch. CopilotKit🪁 is the creator of AG-UI, and you can use it when building frontend applications pretty much anywhere: • React • Angular • Vue • React Native • Slack • Teams • Discord • WhatsApp • Telegram Here is the link for you to check it out: Thanks to the CopilotKit team for partnering with me on this post.

AG-UI makes building agentic applications dramatically easier. Here's how it works. This is a model for a simple chatbot: User → LLM → Response But interactive agents that render UI, pause for approvals, and ask users for input need a much more complex model. When building these agents, a response from the LLM will include a series of state changes as the agent runs: • Agent started a task • Agent called a tool • Agent updated its state • Agent streams these tokens • Agent is waiting on a human • Agent is resuming the task The Agent-User Interaction Protocol (AG-UI) treats the LLM response as a stream of events rather than a text endpoint. In practice, here is what you get as an agent runs: 1. Lifecycle events so your UI knows where the agent is. 2. Text messages that stream tokens. 3. Tool calls so your UI can prefill a form with any required arguments. 4. State updates that keep your UI in sync with the agent. 5. Special events for human approvals, rich media, and custom needs. All of these events travel over standard transports (SSE, WebSockets, or plain HTTP) as JSON. As a result, you can build a frontend that stays in sync with the agent's progress without having to invent a custom process to make this happen. For example, building a human-in-the-loop workflow becomes an off-the-shelf component you can integrate rather than build from scratch. CopilotKit🪁 is the creator of AG-UI, and you can use it when building frontend applications pretty much anywhere: • React • Angular • Vue • React Native • Slack • Teams • Discord • WhatsApp • Telegram Here is the link for you to check it out: Thanks to the CopilotKit team for partnering with me on this post.

Santiago

17,438 views • 3 months ago

Introducing the Developer’s Guide to AI Agent Protocols. Stop writing custom integration glue for every tool, API, and frontend. We used Google Agent Development Kit to build a B2B agent that handles the full stack using 6 open standards: MCP, A2A, UCP, AP2, A2UI, and AG-UI The future of agents is interoperable. Read the full technical guide here:

Introducing the Developer’s Guide to AI Agent Protocols. Stop writing custom integration glue for every tool, API, and frontend. We used Google Agent Development Kit to build a B2B agent that handles the full stack using 6 open standards: MCP, A2A, UCP, AP2, A2UI, and AG-UI The future of agents is interoperable. Read the full technical guide here:

Google for Developers

117,041 views • 6 months ago