Loading video...

Video Failed to Load

Go Home

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!

_avichawla's profile picture

Avi Chawla

71,782 subscribers

123,784 views • 11 months ago •via X (Twitter)

Science & TechnologyNews & PoliticsEducation
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Introducing MCP UI, the SDK that wires UI components directly into the MCP protocol🤯 Watch the video to see the new phase in AI interaction! Why browse when you can have universal apps that deliver the right UI to consume any data and perform any action? Replace cumbersome walls of text with slick interactive components, bringing rich web experiences to MCP-enabled agents such as Claude and Cursor. Let’s build Jarvis so Kent C. Dodds 🏹 doesn’t have to! 🧵>>
0:41

Introducing MCP UI, the SDK that wires UI components directly into the MCP protocol🤯 Watch the video to see the new phase in AI interaction! Why browse when you can have universal apps that deliver the right UI to consume any data and perform any action? Replace cumbersome walls of text with slick interactive components, bringing rich web experiences to MCP-enabled agents such as Claude and Cursor. Let’s build Jarvis so Kent C. Dodds 🏹 doesn’t have to! 🧵>>

Ido Salomon

79,457 views • 1 year 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 • 6 months ago

MCP servers were stuck on text and data. Not anymore. 👀 Proposed by Anthropic, OpenAI, and the MCP-UI community, the new MCP Apps Extension standardizes interactive interfaces with security built in. Here's what you need to know. ▶️
0:53

MCP servers were stuck on text and data. Not anymore. 👀 Proposed by Anthropic, OpenAI, and the MCP-UI community, the new MCP Apps Extension standardizes interactive interfaces with security built in. Here's what you need to know. ▶️

GitHub

60,969 views • 7 months ago

MCP tools have only ever returned text for the model to read. Now they return interactive UI. 🪄 TanStack AI's new MCP Apps support renders ui:// widgets right in the chat - static or fully interactive, with a client/server bridge.
0:45

MCP tools have only ever returned text for the model to read. Now they return interactive UI. 🪄 TanStack AI's new MCP Apps support renders ui:// widgets right in the chat - static or fully interactive, with a client/server bridge.

TANSTACK

132,421 views • 1 month ago

Should agentic UI be controlled by the server or the host? 🤔 In mcp-ui, servers can now define the UI layout and effects, and hosts can render it with their own look and feel! Supports React and Web Components with Shopify's remote-dom. Hit us up with use cases (+Liad Yosef)
0:31

Should agentic UI be controlled by the server or the host? 🤔 In mcp-ui, servers can now define the UI layout and effects, and hosts can render it with their own look and feel! Supports React and Web Components with Shopify's remote-dom. Hit us up with use cases (+Liad Yosef)

Ido Salomon

25,037 views • 1 year ago

Now you can supercharge your terminal with MCP servers (open-source). MCP CLI lets you interact with local and remote MCP servers, built with a rich UI, and full LLM provider integration. You can run tools, manage conversations, or automate workflows directly from your terminal. Key features: - Multiple interaction modes: Chat, Interactive shell, Command mode, etc. - Live output with markdown, syntax highlighting, etc. - Tooling support: Auto-discovery, concurrent execution, and more. - Seamlessly switch between OpenAI, Anthropic, Ollama, etc. - Provides health checks, tool timing, and detailed logs. Find the repo in the replies!
0:25

Now you can supercharge your terminal with MCP servers (open-source). MCP CLI lets you interact with local and remote MCP servers, built with a rich UI, and full LLM provider integration. You can run tools, manage conversations, or automate workflows directly from your terminal. Key features: - Multiple interaction modes: Chat, Interactive shell, Command mode, etc. - Live output with markdown, syntax highlighting, etc. - Tooling support: Auto-discovery, concurrent execution, and more. - Seamlessly switch between OpenAI, Anthropic, Ollama, etc. - Provides health checks, tool timing, and detailed logs. Find the repo in the replies!

Avi Chawla

39,981 views • 1 year ago

MCP meets Ollama! In this video you'll learn how build a 100% local MCP client that you can connect to any MCP server. 100% open-source code, step-by-step guide:
14:53

MCP meets Ollama! In this video you'll learn how build a 100% local MCP client that you can connect to any MCP server. 100% open-source code, step-by-step guide:

Akshay 🚀

92,848 views • 1 year ago

Don't know what is MCP and want to get a very quick intro lesson without the hype? I've got you covered MCP clients (like Claude, Cursor) are like the Android Phones and MCP Servers are like Android Apps. You can install them on your client and give it new capabilities!
2:11

Don't know what is MCP and want to get a very quick intro lesson without the hype? I've got you covered MCP clients (like Claude, Cursor) are like the Android Phones and MCP Servers are like Android Apps. You can install them on your client and give it new capabilities!

Shobhit Bakliwal

14,128 views • 1 year ago

Introducing Open MCP Client 🪁 Chat with any MCP server in your own app, just grab a URL from . The team and I vibe coded with Cursor this weekend and built: 1. The first web-based MCP client (link👇) 2. An open-source client you can add into any app How it's built It uses CopilotKit🪁 for the client and interactivity layer, and connects to a 40 line LangGraph ReAct agent that coordinates MCP calls. Hosted on Vercel. Kudos to Suhas Deshpande and Tyler Slaton for hacking and thanks to Harrison Chase for pointers!
1:00

Introducing Open MCP Client 🪁 Chat with any MCP server in your own app, just grab a URL from . The team and I vibe coded with Cursor this weekend and built: 1. The first web-based MCP client (link👇) 2. An open-source client you can add into any app How it's built It uses CopilotKit🪁 for the client and interactivity layer, and connects to a 40 line LangGraph ReAct agent that coordinates MCP calls. Hosted on Vercel. Kudos to Suhas Deshpande and Tyler Slaton for hacking and thanks to Harrison Chase for pointers!

Atai Barkai

299,711 views • 1 year ago

Comment “MCP” and I’ll DM you the servers I use every day Browser MCP tests apps for you, Magic MCP builds UI in seconds, and GitMCP links your AI to any repo. These are only 3 of the seven MCPs I use. Once you try them, you’ll never want to build with AI without them.
0:48

Comment “MCP” and I’ll DM you the servers I use every day Browser MCP tests apps for you, Magic MCP builds UI in seconds, and GitMCP links your AI to any repo. These are only 3 of the seven MCPs I use. Once you try them, you’ll never want to build with AI without them.

Prajwal Tomar

19,101 views • 10 months ago

Cline can now create and add tools to himself using MCP! Try asking him to “add a tool that pulls the latest npm docs” - Cline handles everything from creating the MCP server to installing it *into himself*, ready for future tasks. Servers are saved in ~/Documents/Cline/MCP so you can easily share tools with friends!
3:24

Cline can now create and add tools to himself using MCP! Try asking him to “add a tool that pulls the latest npm docs” - Cline handles everything from creating the MCP server to installing it *into himself*, ready for future tasks. Servers are saved in ~/Documents/Cline/MCP so you can easily share tools with friends!

Saoud Rizwan

61,730 views • 1 year ago

Drag-and-drop UI to build AI agent workflows! Sim Studio is a lightweight, user-friendly platform that makes creating AI agent workflows accessible to everyone. Supports all major LLMs, MCP servers, vectorDBs, etc. 100% open-source.
0:34

Drag-and-drop UI to build AI agent workflows! Sim Studio is a lightweight, user-friendly platform that makes creating AI agent workflows accessible to everyone. Supports all major LLMs, MCP servers, vectorDBs, etc. 100% open-source.

Akshay 🚀

95,345 views • 1 year ago

New course: MCP: Build Rich-Context AI Apps with Anthropic. Learn to build AI apps that access tools, data, and prompts using the Model Context Protocol in this short course, created in partnership with Anthropic Anthropic and taught by Elie Schoppik Elie Schoppik, its Head of Technical Education. Connecting AI applications to external systems that bring rich context to LLM-based applications has often meant writing custom integrations for each use case. MCP is an open protocol that standardizes how LLMs access tools, data, and prompts from external sources, and simplifies how you provide context to your LLM-based applications. For example, you can provide context via third-party tools that let your LLM make API calls to search the web, access data from local docs, retrieve code from a GitHub repo, and so on. MCP, developed by Anthropic, is based on a client-server architecture that defines the communication details between an MCP client, hosted inside the AI application, and an MCP server that exposes tools, resources, and prompt templates. The server can be a subprocess launched by the client that runs locally or an independent process running remotely. In this hands-on course, you'll learn the core architecture behind MCP. You’ll create an MCP-compatible chatbot, build and deploy an MCP server, and connect the chatbot to your MCP server and other open-source servers. Here’s what you’ll do: - Understand why MCP makes AI development less fragmented and standardizes connections between AI applications and external data sources - Learn the core components of the client-server architecture of MCP and the underlying communication mechanism - Build a chatbot with custom tools for searching academic papers, and transform it into an MCP-compatible application - Build a local MCP server that exposes tools, resources, and prompt templates using FastMCP, and test it using MCP Inspector - Create an MCP client inside your chatbot to dynamically connect to your server - Connect your chatbot to reference servers built by Anthropic’s MCP team, such as filesystem, which implements filesystem operations, and fetch, which extracts contents from the web as markdown - Configure Claude Desktop to connect to your server and others, and explore how it abstracts away the low-level logic of MCP clients - Deploy your MCP server remotely and test it with the Inspector or other MCP-compatible applications - Learn about the roadmap for future MCP development, such as multi-agent architecture, MCP registry API, server discovery, authorization, and authentication MCP is an exciting and important technology that lets you build rich-context AI applications that connect to a growing ecosystem of MCP servers, with minimal integration work. Please sign up here!
2:43

New course: MCP: Build Rich-Context AI Apps with Anthropic. Learn to build AI apps that access tools, data, and prompts using the Model Context Protocol in this short course, created in partnership with Anthropic Anthropic and taught by Elie Schoppik Elie Schoppik, its Head of Technical Education. Connecting AI applications to external systems that bring rich context to LLM-based applications has often meant writing custom integrations for each use case. MCP is an open protocol that standardizes how LLMs access tools, data, and prompts from external sources, and simplifies how you provide context to your LLM-based applications. For example, you can provide context via third-party tools that let your LLM make API calls to search the web, access data from local docs, retrieve code from a GitHub repo, and so on. MCP, developed by Anthropic, is based on a client-server architecture that defines the communication details between an MCP client, hosted inside the AI application, and an MCP server that exposes tools, resources, and prompt templates. The server can be a subprocess launched by the client that runs locally or an independent process running remotely. In this hands-on course, you'll learn the core architecture behind MCP. You’ll create an MCP-compatible chatbot, build and deploy an MCP server, and connect the chatbot to your MCP server and other open-source servers. Here’s what you’ll do: - Understand why MCP makes AI development less fragmented and standardizes connections between AI applications and external data sources - Learn the core components of the client-server architecture of MCP and the underlying communication mechanism - Build a chatbot with custom tools for searching academic papers, and transform it into an MCP-compatible application - Build a local MCP server that exposes tools, resources, and prompt templates using FastMCP, and test it using MCP Inspector - Create an MCP client inside your chatbot to dynamically connect to your server - Connect your chatbot to reference servers built by Anthropic’s MCP team, such as filesystem, which implements filesystem operations, and fetch, which extracts contents from the web as markdown - Configure Claude Desktop to connect to your server and others, and explore how it abstracts away the low-level logic of MCP clients - Deploy your MCP server remotely and test it with the Inspector or other MCP-compatible applications - Learn about the roadmap for future MCP development, such as multi-agent architecture, MCP registry API, server discovery, authorization, and authentication MCP is an exciting and important technology that lets you build rich-context AI applications that connect to a growing ecosystem of MCP servers, with minimal integration work. Please sign up here!

Andrew Ng

142,010 views • 1 year ago

Kicking off Day 1 of the launch week with the Chakra UI MCP Server 🖲️ Now, you can connect the entire Chakra UI design system to your AI workflow. Works with: - VS Code (GitHub Copilot) - Cursor - Claude Code - Windsurf - Zed Check it out: #ChakraLaunchWeek
0:29

Kicking off Day 1 of the launch week with the Chakra UI MCP Server 🖲️ Now, you can connect the entire Chakra UI design system to your AI workflow. Works with: - VS Code (GitHub Copilot) - Cursor - Claude Code - Windsurf - Zed Check it out: #ChakraLaunchWeek

Chakra

19,897 views • 1 year ago

Cline can now manage your entire AWS stack. Amazon Web Services just added 35 new MCP servers to the MCP Marketplace, giving you natural language control over everything from DynamoDB and EKS to Cost Explorer and CloudWatch.
0:20

Cline can now manage your entire AWS stack. Amazon Web Services just added 35 new MCP servers to the MCP Marketplace, giving you natural language control over everything from DynamoDB and EKS to Cost Explorer and CloudWatch.

Cline

13,696 views • 1 year 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 • 6 months ago

X just made itself plug straight into AI tools with MCP servers. Your agents can now search and post on X directly. Not only read about it. Grok Build, Cursor, Claude, VS Code. All in. What you get: * X MCP; search posts, trends, bookmarks, even publish Articles * Docs MCP; API docs inside your workflow, no tab switching Setup is straightforward: * Go to create an X app * Enable OAuth 2.0; required for authentication * Add redirect URI; * Copy your CLIENT_ID and CLIENT_SECRET * Plug those into your MCP client or config * Run the setup commands; connect X MCP and Docs MCP * Log in once via browser; approve access * Verify; run grok mcp doctor xapi and grok mcp list Log in once. Done. Your workflow now includes X itself. X
0:42

X just made itself plug straight into AI tools with MCP servers. Your agents can now search and post on X directly. Not only read about it. Grok Build, Cursor, Claude, VS Code. All in. What you get: * X MCP; search posts, trends, bookmarks, even publish Articles * Docs MCP; API docs inside your workflow, no tab switching Setup is straightforward: * Go to create an X app * Enable OAuth 2.0; required for authentication * Add redirect URI; * Copy your CLIENT_ID and CLIENT_SECRET * Plug those into your MCP client or config * Run the setup commands; connect X MCP and Docs MCP * Log in once via browser; approve access * Verify; run grok mcp doctor xapi and grok mcp list Log in once. Done. Your workflow now includes X itself. X

Mario Nawfal

59,976 views • 1 month ago

Today we open Laravel MCP (beta) to the public! Laravel MCP is a library that makes it simple to build Model Context Protocol servers in your Laravel apps. This gives AI clients (like Claude, Cursor, & ChatGPT) a structured way to interact with your application. It's already been field tested by powering Laravel Boost.
0:21

Today we open Laravel MCP (beta) to the public! Laravel MCP is a library that makes it simple to build Model Context Protocol servers in your Laravel apps. This gives AI clients (like Claude, Cursor, & ChatGPT) a structured way to interact with your application. It's already been field tested by powering Laravel Boost.

Laravel

78,050 views • 10 months ago

Happy to announce the first release of Arcee AnyMCP 🚀🚀🚀 🎯 Remotely deploy & manage thousands of MCP servers in seconds 🖥️ Use with Claude Desktop or any MCP-compatible client ⚙️ Fully managed, unlimited customizations 📡 Supports 1000s of MCP servers — request yours if it’s not listed! 💸 100% FREE to use right now Try it now and lemme know what features you want and we will make it happen 💥
1:36

Happy to announce the first release of Arcee AnyMCP 🚀🚀🚀 🎯 Remotely deploy & manage thousands of MCP servers in seconds 🖥️ Use with Claude Desktop or any MCP-compatible client ⚙️ Fully managed, unlimited customizations 📡 Supports 1000s of MCP servers — request yours if it’s not listed! 💸 100% FREE to use right now Try it now and lemme know what features you want and we will make it happen 💥

abhishek

13,518 views • 1 year ago

AI agents can finally talk to your frontend! The new AG-UI protocol lets your agents stream messages, sync state, call tools, and receive user input, live in the UI. It fills a critical gap in the agent ecosystem: ▸ MCP – agents to tools ▸ A2A – agents to agents ▸ AG-UI – agents to users, via frontends Connects to LangChain, CrewAI, and LlamaIndex (and more). 100% open-source.
0:25

AI agents can finally talk to your frontend! The new AG-UI protocol lets your agents stream messages, sync state, call tools, and receive user input, live in the UI. It fills a critical gap in the agent ecosystem: ▸ MCP – agents to tools ▸ A2A – agents to agents ▸ AG-UI – agents to users, via frontends Connects to LangChain, CrewAI, and LlamaIndex (and more). 100% open-source.

Lior⚡

15,514 views • 1 year ago