Загрузка видео...

Не удалось загрузить видео

На главную

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 просмотров • 1 год назад •via X (Twitter)

Наука и технологииНовости и политикаОбразование
LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 0

Нет доступных комментариев

Здесь появятся комментарии из оригинального поста

Похожие видео

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 просмотров • 1 год назад

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 просмотров • 7 месяцев назад

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 просмотров • 9 месяцев назад

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

133,044 просмотров • 2 месяцев назад

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 просмотров • 1 год назад

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 просмотров • 1 год назад

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,864 просмотров • 1 год назад

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,115 просмотров • 1 год назад

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

62,122 просмотров • 1 год назад

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 просмотров • 1 год назад

Ship your API to every MCP client in minutes 🚢 Upload your OpenAPI spec to Stainless → Generate an MCP Server → Your users can access your API in Claude Code Community, Cursor, and VS Code Watch me use the Replicate MCP Server to create a logo for my upcoming AI Podcast Generator, all with a single prompt! Now any MCP client can generate images and videos directly
2:57

Ship your API to every MCP client in minutes 🚢 Upload your OpenAPI spec to Stainless → Generate an MCP Server → Your users can access your API in Claude Code Community, Cursor, and VS Code Watch me use the Replicate MCP Server to create a logo for my upcoming AI Podcast Generator, all with a single prompt! Now any MCP client can generate images and videos directly

Adam Anzuoni

22,422 просмотров • 1 год назад

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,256 просмотров • 1 год назад

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

20,067 просмотров • 1 год назад

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,699 просмотров • 1 год назад

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 просмотров • 7 месяцев назад

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 просмотров • 2 месяцев назад

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,081 просмотров • 1 год назад