Loading video...

Video Failed to Load

Go Home

Any AI agent can now do what Claude does! I found an open-source version of Anthropic's new Generative UI tools for Claude, built using CopilotKit🪁. It lets you render live charts, interactive diagrams, and 3D scenes right inside your own AI apps, just like Claude. Check this:

_avichawla's profile picture

Avi Chawla

63,608 subscribers

20,947 views • 3 months ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

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

We open sourced Claude Artifacts for your own apps. Ask your agent to visualize algorithms, create 3D animations, render charts, or generate interactive diagrams. PLUS it runs the generated code securely w/ sandbox iframe. It's additive to your app, so you can drop it in with one toggle. ➡️
0:25

We open sourced Claude Artifacts for your own apps. Ask your agent to visualize algorithms, create 3D animations, render charts, or generate interactive diagrams. PLUS it runs the generated code securely w/ sandbox iframe. It's additive to your app, so you can drop it in with one toggle. ➡️

Atai Barkai

87,741 views • 1 month ago

Anthropic released interactive apps for Claude. Interactive apps can respond with interactive UI Widgets to enable additional usecases. "MCP Apps is a new extension to MCP that lets any MCP server deliver an interactive interface within any supporting AI product"
0:53

Anthropic released interactive apps for Claude. Interactive apps can respond with interactive UI Widgets to enable additional usecases. "MCP Apps is a new extension to MCP that lets any MCP server deliver an interactive interface within any supporting AI product"

🚨 AI News | TestingCatalog

52,554 views • 4 months ago

AI just killed more SaaS startups... 💀 Claude can now build interactive charts and diagrams... directly in the chat...
0:53

AI just killed more SaaS startups... 💀 Claude can now build interactive charts and diagrams... directly in the chat...

Min Choi

96,013 views • 3 months ago

Computer use is now in Claude Code. Claude can open your apps, click through your UI, and test what it built, right from the CLI. Now in research preview on Pro and Max plans.
0:45

Computer use is now in Claude Code. Claude can open your apps, click through your UI, and test what it built, right from the CLI. Now in research preview on Pro and Max plans.

Claude

16,146,217 views • 2 months ago

AI assistants like Claude still reply with walls of text. Slow. Passive. Meh. What if they could show instead of tell? With C1 MCP by Thesys, Claude can respond with Interactive UI like 📊 Charts 📦 Cards 📝 Forms 📄 Slides If you use Claude, you’ll want this. Takes 2 minutes to setup. 👉 #Claude #AI #GenerativeUI
0:57

AI assistants like Claude still reply with walls of text. Slow. Passive. Meh. What if they could show instead of tell? With C1 MCP by Thesys, Claude can respond with Interactive UI like 📊 Charts 📦 Cards 📝 Forms 📄 Slides If you use Claude, you’ll want this. Takes 2 minutes to setup. 👉 #Claude #AI #GenerativeUI

Mujeeb Ahmed

68,004 views • 4 months ago

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!
0:53

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 🚀

85,329 views • 1 month ago

Finally, MCP servers can now deliver UI-rich experiences! MCP servers in Claude/Cursor don't offer UI any experience yet, like charts. It's just text/JSON. mcp-ui lets you add interactive web components to its output that can be rendered by the MCP client. 100% open-source!
0:41

Finally, MCP servers can now deliver UI-rich experiences! MCP servers in Claude/Cursor don't offer UI any experience yet, like charts. It's just text/JSON. mcp-ui lets you add interactive web components to its output that can be rendered by the MCP client. 100% open-source!

Avi Chawla

123,723 views • 9 months ago

WILD. AI can now control your entire computer I got early access to Anthropic's new AI agent Claude for Chrome and it completely blew my mind In this video I show you what the future of computing looks like by going over 2 insane use cases Buckle in
13:46

WILD. AI can now control your entire computer I got early access to Anthropic's new AI agent Claude for Chrome and it completely blew my mind In this video I show you what the future of computing looks like by going over 2 insane use cases Buckle in

Alex Finn

18,170 views • 9 months ago

AI agents can now open business bank accounts. @Meow lets your AI agent open bank accounts, issue cards, check balances, send money, and audit spend. Works with Claude, Cursor, ChatGPT, Gemini, and more. The first financial infrastructure built for agents.
0:51

AI agents can now open business bank accounts. @Meow lets your AI agent open bank accounts, issue cards, check balances, send money, and audit spend. Works with Claude, Cursor, ChatGPT, Gemini, and more. The first financial infrastructure built for agents.

Brandon Arvanaghi

351,437 views • 2 months ago

THIS GUY ADDED A LIVE BROWSER TO CLAUDE CODE SO YOU CAN CLICK ANY ELEMENT AND EDIT IT INSTANTLY biggest issue with vibe coding UI is that you have to describe what you want to change. if you prompt it the wrong selector or wrong component, Claude can't find it. now you just click it. your app runs in an embedded browser with Claude Code. you can click any button, any text, any div. Claude instantly knows exactly what you're pointing at. click. instruct. done. no more "change the button in the top right corner of the second card component." all you have to do now is just click the button. AND its open source
0:40

THIS GUY ADDED A LIVE BROWSER TO CLAUDE CODE SO YOU CAN CLICK ANY ELEMENT AND EDIT IT INSTANTLY biggest issue with vibe coding UI is that you have to describe what you want to change. if you prompt it the wrong selector or wrong component, Claude can't find it. now you just click it. your app runs in an embedded browser with Claude Code. you can click any button, any text, any div. Claude instantly knows exactly what you're pointing at. click. instruct. done. no more "change the button in the top right corner of the second card component." all you have to do now is just click the button. AND its open source

Om Patel

152,363 views • 2 months ago

x402 Claude MCP Instead of adding a new MCP for every service, Claude can access any API and pay for whatever it needs Like Coinbase Developer Platform🛡️'s Payment MCP, but customizable. You set your own wallet, define your own endpoints & choose which tools Claude can access
0:40

x402 Claude MCP Instead of adding a new MCP for every service, Claude can access any API and pay for whatever it needs Like Coinbase Developer Platform🛡️'s Payment MCP, but customizable. You set your own wallet, define your own endpoints & choose which tools Claude can access

Ash

20,488 views • 6 months ago

Found this leading open-source version of Claude Cowork. It brings enterprise-level AI agent capabilities to your desktop with genuine tool integration. - 400+ stars in 4 days - The only repo that's already connected with 500+ SaaS apps, letting you actually automate knowledge work - Switch between Claude, GPT-5, Grok seamlessly - Native apps for macOS, Windows, Linux with persistent chat sessions
0:34

Found this leading open-source version of Claude Cowork. It brings enterprise-level AI agent capabilities to your desktop with genuine tool integration. - 400+ stars in 4 days - The only repo that's already connected with 500+ SaaS apps, letting you actually automate knowledge work - Switch between Claude, GPT-5, Grok seamlessly - Native apps for macOS, Windows, Linux with persistent chat sessions

AshutoshShrivastava

54,599 views • 5 months ago

AI Agents can now connect to 100,000+ APIs instantly. Postman's AI Agent builder can turn any API into an MCP server in seconds without writing a single line of Code. You can use it in Claude, Cursor, Windsurf and other AI tools.
0:21

AI Agents can now connect to 100,000+ APIs instantly. Postman's AI Agent builder can turn any API into an MCP server in seconds without writing a single line of Code. You can use it in Claude, Cursor, Windsurf and other AI tools.

Shubham Saboo

79,784 views • 1 year ago

Big MCP news today from Anthropic. Claude x Zapier just got a serious upgrade 👇 Claude 3.7 Sonnet can now take real-world actions (like sending a Slack message, updating a CRM record, or editing a Google Sheet) across nearly 8,000+ Zapier-connected apps. This is a BIG leap forward for AI builders. With just a few lines of code, you can: - Spin up a Zapier MCP server - Add tools (Zapier actions) Claude can call - Let Claude run them directly through Anthropic's Messages API Whether you’re prototyping a new AI agent or scaling workflows in production, this integration gives you power + speed. Want to give it a try? 👀 👀
0:31

Big MCP news today from Anthropic. Claude x Zapier just got a serious upgrade 👇 Claude 3.7 Sonnet can now take real-world actions (like sending a Slack message, updating a CRM record, or editing a Google Sheet) across nearly 8,000+ Zapier-connected apps. This is a BIG leap forward for AI builders. With just a few lines of code, you can: - Spin up a Zapier MCP server - Add tools (Zapier actions) Claude can call - Let Claude run them directly through Anthropic's Messages API Whether you’re prototyping a new AI agent or scaling workflows in production, this integration gives you power + speed. Want to give it a try? 👀 👀

Zapier

17,105 views • 1 year ago

Anthropic's in trouble, again! They spent years building what's now fully open-source. What made Claude feel different from a normal app is that the agent could act inside the interface instead of only talking in a chat box. For instance, Claude Artifacts let an agent render real UI, charts, dashboards, and interactive components that assemble live inside the response. Every major AI product tried to replicate it. But the problem was that unlike reasoning, planning, tool-calling, etc., none of it shipped natively with LangGraph, CrewAI, or Google ADK. So teams started building an owned version that required engineering the entire interface layer from scratch. Most teams, however, just settled for shipping the agent as a backend API in a chat box since rendering the UI is only one piece of it. To actually make it work, the interface layer also needed real-time streaming, state kept in sync between agent and UI, conversations that persist across sessions, and reconnection when a user refreshes mid-run. CopilotKit🪁 is now the only open-source framework that actually lets you build your own full-stack Claude-like apps. It decouples the agent from the interface, talking over AG-UI (an open protocol for agent-to-user communication). Being a standard protocol, the frontend never needs to know whether it is talking to a LangGraph or a CrewAI agent. You can change the backend anytime and the UI will never notice. In practice, CopilotKit's interface layer gives several pre-implemented React building blocks that wire the agent directly into the app, like: - generative UI, so the agent renders real components instead of text - chat windows, sidebars, and popups, or a fully headless setup - shared state, so the agent and app stay in sync - human-in-the-loop approvals, where the agent waits before acting - persistent threads that store the whole session, including the agent-user interactions and generated UI, not just text And because that full history is captured, those interactions can feed a self-learning layer that also improves the agent from real usage over time. The interface layer that Anthropic spent years engineering in-house is now literally available to any developer/team. CopilotKit is open-source with 30k+ GitHub stars, and AG-UI, the protocol underneath, is already supported across every major agent framework: LangGraph, CrewAI, Mastra, Google ADK, and more. CopilotKit GitHub repo → (don't forget to star it ⭐ ) If you want to go deeper, I found a detailed breakdown by Shubham Saboo recently on the three Generative UI patterns, with implementation. Read it below.
0:23

Anthropic's in trouble, again! They spent years building what's now fully open-source. What made Claude feel different from a normal app is that the agent could act inside the interface instead of only talking in a chat box. For instance, Claude Artifacts let an agent render real UI, charts, dashboards, and interactive components that assemble live inside the response. Every major AI product tried to replicate it. But the problem was that unlike reasoning, planning, tool-calling, etc., none of it shipped natively with LangGraph, CrewAI, or Google ADK. So teams started building an owned version that required engineering the entire interface layer from scratch. Most teams, however, just settled for shipping the agent as a backend API in a chat box since rendering the UI is only one piece of it. To actually make it work, the interface layer also needed real-time streaming, state kept in sync between agent and UI, conversations that persist across sessions, and reconnection when a user refreshes mid-run. CopilotKit🪁 is now the only open-source framework that actually lets you build your own full-stack Claude-like apps. It decouples the agent from the interface, talking over AG-UI (an open protocol for agent-to-user communication). Being a standard protocol, the frontend never needs to know whether it is talking to a LangGraph or a CrewAI agent. You can change the backend anytime and the UI will never notice. In practice, CopilotKit's interface layer gives several pre-implemented React building blocks that wire the agent directly into the app, like: - generative UI, so the agent renders real components instead of text - chat windows, sidebars, and popups, or a fully headless setup - shared state, so the agent and app stay in sync - human-in-the-loop approvals, where the agent waits before acting - persistent threads that store the whole session, including the agent-user interactions and generated UI, not just text And because that full history is captured, those interactions can feed a self-learning layer that also improves the agent from real usage over time. The interface layer that Anthropic spent years engineering in-house is now literally available to any developer/team. CopilotKit is open-source with 30k+ GitHub stars, and AG-UI, the protocol underneath, is already supported across every major agent framework: LangGraph, CrewAI, Mastra, Google ADK, and more. CopilotKit GitHub repo → (don't forget to star it ⭐ ) If you want to go deeper, I found a detailed breakdown by Shubham Saboo recently on the three Generative UI patterns, with implementation. Read it below.

Avi Chawla

449,931 views • 16 days ago

Claude Code can now design stunning interfaces 🤯 There’s a free GitHub skill called UI UX Pro Max that upgrades Claude Code into a full UI and UX expert. Install it once and Claude suddenly builds cleaner layouts, better apps, and interfaces that actually look professional. Your AI can now code and design like a pro. 🚀
0:26

Claude Code can now design stunning interfaces 🤯 There’s a free GitHub skill called UI UX Pro Max that upgrades Claude Code into a full UI and UX expert. Install it once and Claude suddenly builds cleaner layouts, better apps, and interfaces that actually look professional. Your AI can now code and design like a pro. 🚀

Julian Goldie SEO

76,422 views • 2 months ago

Video just became native to AI agents. Today we’re launching HeyGen MCP. Now you can create HeyGen videos directly inside tools like Claude Web, Claude Code, Gemini CLI, and Cursor. Just connect your HeyGen account via OAuth and generate videos using your existing plan. We’ve put together a quick walkthrough showing how to set it up in Claude 👇
1:42

Video just became native to AI agents. Today we’re launching HeyGen MCP. Now you can create HeyGen videos directly inside tools like Claude Web, Claude Code, Gemini CLI, and Cursor. Just connect your HeyGen account via OAuth and generate videos using your existing plan. We’ve put together a quick walkthrough showing how to set it up in Claude 👇

HeyGen

62,803 views • 3 months ago

fyi: you can build your own claude cowork style apps with claude agent sdk! i’ll be open sourcing my app this week. i’ve been hacking on it for a while, and i think it’s actually really good! this app format will be the ai app-layer trend of the year. watch for a 4min demo.
4:20

fyi: you can build your own claude cowork style apps with claude agent sdk! i’ll be open sourcing my app this week. i’ve been hacking on it for a while, and i think it’s actually really good! this app format will be the ai app-layer trend of the year. watch for a 4min demo.

Mckay Wrigley

224,808 views • 5 months ago

🚨 BREAKING: Claude just turned into an app store. Anthropic dropped a new feature that lets you build and run AI apps inside Claude no API keys, no deploys, no backend. Just chat, build, ship. Here's everything you need to know:
0:56

🚨 BREAKING: Claude just turned into an app store. Anthropic dropped a new feature that lets you build and run AI apps inside Claude no API keys, no deploys, no backend. Just chat, build, ship. Here's everything you need to know:

Brendan Jowett

326,052 views • 11 months ago