Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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's profile picture

GitHub

2,672,881 subscribers

60,969 Aufrufe • vor 9 Monaten •via X (Twitter)

Wissenschaft & Technologie
LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

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,784 Aufrufe • vor 1 Jahr

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,087 Aufrufe • vor 3 Monaten

OpenAI just dropped the Apps SDK, built on MCP. This is the future of how users will interact with your apps. You won’t need to build a chatbot anymore. OpenAI is the chatbot. You just expose your tools through MCP. Exciting progress toward Jarvis!
9:03

OpenAI just dropped the Apps SDK, built on MCP. This is the future of how users will interact with your apps. You won’t need to build a chatbot anymore. OpenAI is the chatbot. You just expose your tools through MCP. Exciting progress toward Jarvis!

Kent C. Dodds 🏹

152,179 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 1 Jahr

OpenAI, Anthropic and Microsoft all back the same standard for running apps inside AI chats. Booking .com, Figma, and Canva are already using it. Still, most developers have never heard of it. It's called MCP Apps. So, why does it matter? The next time someone buys from your website, they may never visit it. They'll ask ChatGPT or Claude, and the model decides how your product shows up. Usually as plain text, sometimes wrong, with none of the experience you built. That's the next shift in how people find you: - SEO was about Google finding your page. - AEO was about AI citing you. - MCP Apps are about your actual product showing up inside the chat. An MCP server returns data. An MCP App returns data plus an interactive UI, like hotel cards or an add-to-cart flow, right inside the chat. The model even knows what the user clicked. In this episode, we build an MCP app from start to finish with Julien, the lead maintainer of Skybridge, an open-source framework that lets you turn any React app into an MCP app. Chapters: 0:00 - Intro 2:44 - MCP servers vs MCP Apps 5:12 - Live demo: Booking .com in ChatGPT 9:24 - How MCP Apps work: context and shared state 15:43 - Skybridge and its devtools 17:48 - Live demo: an e-commerce app in ChatGPT 24:49 - Code walkthrough: MCP tools to React views 28:10 - Syncing UI state: "What's in my cart?" 32:16 - Agent skill to turn any React app → MCP App 37:52 - Outro Link to Skybridge GitHub repo: MCP Apps bring your website into the chat. WebMCP does the reverse and lets AI agents use your website through tools it exposes. I've also written a full article on it, quoted below.
40:22

OpenAI, Anthropic and Microsoft all back the same standard for running apps inside AI chats. Booking .com, Figma, and Canva are already using it. Still, most developers have never heard of it. It's called MCP Apps. So, why does it matter? The next time someone buys from your website, they may never visit it. They'll ask ChatGPT or Claude, and the model decides how your product shows up. Usually as plain text, sometimes wrong, with none of the experience you built. That's the next shift in how people find you: - SEO was about Google finding your page. - AEO was about AI citing you. - MCP Apps are about your actual product showing up inside the chat. An MCP server returns data. An MCP App returns data plus an interactive UI, like hotel cards or an add-to-cart flow, right inside the chat. The model even knows what the user clicked. In this episode, we build an MCP app from start to finish with Julien, the lead maintainer of Skybridge, an open-source framework that lets you turn any React app into an MCP app. Chapters: 0:00 - Intro 2:44 - MCP servers vs MCP Apps 5:12 - Live demo: Booking .com in ChatGPT 9:24 - How MCP Apps work: context and shared state 15:43 - Skybridge and its devtools 17:48 - Live demo: an e-commerce app in ChatGPT 24:49 - Code walkthrough: MCP tools to React views 28:10 - Syncing UI state: "What's in my cart?" 32:16 - Agent skill to turn any React app → MCP App 37:52 - Outro Link to Skybridge GitHub repo: MCP Apps bring your website into the chat. WebMCP does the reverse and lets AI agents use your website through tools it exposes. I've also written a full article on it, quoted below.

Akshay 🚀

18,064 Aufrufe • vor 12 Tagen

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,142 Aufrufe • vor 1 Jahr

this github repo contains 50 of the most essential MCP servers that give your AI agents superpowers. > works with claude code, gemini, codex, cursor, and other MCP-compatible clients > MIT licensed > 5 categories, 50 MCP servers in total whether you want your agent to browse the web, manage files, interact with apps, or automate workflows, you'll find the right MCP here. link:
0:43

this github repo contains 50 of the most essential MCP servers that give your AI agents superpowers. > works with claude code, gemini, codex, cursor, and other MCP-compatible clients > MIT licensed > 5 categories, 50 MCP servers in total whether you want your agent to browse the web, manage files, interact with apps, or automate workflows, you'll find the right MCP here. link:

m0h

60,642 Aufrufe • vor 4 Monaten

Anthropic engineer, lead maintainer of MCP: MCP 2.0 shipped two weeks ago. biggest release since the original spec in November 2024 they killed sessions. that one change is why you can now deploy an MCP server on AWS Lambda or Cloudflare Workers and they added extensions, a way to test things before they ever hit the spec. MCP apps is an extension. Tasks is an extension "625 days ago, you had to build everything by yourself" now it's half a billion SDK downloads a month and 20,000 servers in the registry ~13mins, free save this. then read the full article below ↓
12:49

Anthropic engineer, lead maintainer of MCP: MCP 2.0 shipped two weeks ago. biggest release since the original spec in November 2024 they killed sessions. that one change is why you can now deploy an MCP server on AWS Lambda or Cloudflare Workers and they added extensions, a way to test things before they ever hit the spec. MCP apps is an extension. Tasks is an extension "625 days ago, you had to build everything by yourself" now it's half a billion SDK downloads a month and 20,000 servers in the registry ~13mins, free save this. then read the full article below ↓

chuplung

12,983 Aufrufe • vor 1 Monat

You can now run apps within powered by MCP Apps. Analyze data, edit tickets, draft messages, generate diagrams and more with Claude's interactive connectors. Grateful to our team, the open source community, and our partners for this launch 🚀
0:31

You can now run apps within powered by MCP Apps. Analyze data, edit tickets, draft messages, generate diagrams and more with Claude's interactive connectors. Grateful to our team, the open source community, and our partners for this launch 🚀

Sean Strong

132,611 Aufrufe • vor 8 Monaten

Meet Tempo's MCP App Store 👋 Seamlessly integrate your web and mobile apps with Stripe, OpenAI, , Exa, Google Gemini & 40+ more integrations Built on MCP using Supabase — let AI handle the complexity You focus on product Here's how it works 👇 1/5 🧵
0:47

Meet Tempo's MCP App Store 👋 Seamlessly integrate your web and mobile apps with Stripe, OpenAI, , Exa, Google Gemini & 40+ more integrations Built on MCP using Supabase — let AI handle the complexity You focus on product Here's how it works 👇 1/5 🧵

Tempo (YC S23)

78,648 Aufrufe • vor 1 Jahr

Agents & MCP are great... but how can you DEPLOY an agent with MCP tools? Here's the fastest way I've found to build and deploy with the OpenAI Agents SDK in <3 minutes.
3:46

Agents & MCP are great... but how can you DEPLOY an agent with MCP tools? Here's the fastest way I've found to build and deploy with the OpenAI Agents SDK in <3 minutes.

matt palmer

64,690 Aufrufe • vor 1 Jahr

The only MCP server you'll ever need! I just built an MCP server that connects to 200+ data sources and runs locally on my machine. 100% open source.
9:27

The only MCP server you'll ever need! I just built an MCP server that connects to 200+ data sources and runs locally on my machine. 100% open source.

Akshay 🚀

64,167 Aufrufe • vor 1 Jahr

We've added support for the Enterprise-Managed Auth extension to MCP. Admins can centrally authorize MCP connectors for their organization, so all the tools and data users need are connected on their first login.
0:34

We've added support for the Enterprise-Managed Auth extension to MCP. Admins can centrally authorize MCP connectors for their organization, so all the tools and data users need are connected on their first login.

ClaudeDevs

941,371 Aufrufe • vor 3 Monaten

Deciding between A2UI and MCP Apps for your agentic interfaces? You don't have to choose 💫 This guide breaks down 3 architectural patterns for combining the best of declarative and custom UIs, including how A2UI and MCP Apps can seamlessly interact with each other.
0:24

Deciding between A2UI and MCP Apps for your agentic interfaces? You don't have to choose 💫 This guide breaks down 3 architectural patterns for combining the best of declarative and custom UIs, including how A2UI and MCP Apps can seamlessly interact with each other.

Flutter

20,344 Aufrufe • vor 3 Monaten