Loading video...

Video Failed to Load

Go Home

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"

testingcatalog's profile picture

TestingCatalog News 🗞

52,986 subscribers

52,452 views • 4 months ago •via X (Twitter)

Science & Technology
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related 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,713 views • 9 months ago

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

MCP Apps are live in nuxt-mcp-toolkit Write Vue components that become interactive widgets inside ChatGPT or Claude. Your users spend hours there daily. Bring your features to them. Let them interact without switching tabs. Nuxt makes it effortless.
0:28

MCP Apps are live in nuxt-mcp-toolkit Write Vue components that become interactive widgets inside ChatGPT or Claude. Your users spend hours there daily. Bring your features to them. Let them interact without switching tabs. Nuxt makes it effortless.

Hugo

16,976 views • 1 month ago

Dev Mode: → Interactive Inspection (Dev Mode) → Annotations (MCP server) → Local Images (MCP server) → Design system rules (MCP server)
0:28

Dev Mode: → Interactive Inspection (Dev Mode) → Annotations (MCP server) → Local Images (MCP server) → Design system rules (MCP server)

Figma

98,858 views • 10 months ago

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,412 views • 4 months ago

Introducing the new React Aria docs! 🎉 All-new content and search experience. Interactive CSS and Tailwind examples to get you started quickly – just install with shadcn. New guides and full example apps. MCP server and AI integrations. Check it out!
0:37

Introducing the new React Aria docs! 🎉 All-new content and search experience. Interactive CSS and Tailwind examples to get you started quickly – just install with shadcn. New guides and full example apps. MCP server and AI integrations. Check it out!

Devon Govett

76,555 views • 5 months ago

Excalidraw in Claude. MCP Apps made by one of the main engineers behind MCP Apps:
1:08

Excalidraw in Claude. MCP Apps made by one of the main engineers behind MCP Apps:

David Soria Parra

464,630 views • 4 months ago

Today, we're launching C1 by Thesys on Product Hunt and giving away up to 5M free tokens if you retweet this and sign up within 24 hours. C1 is the world’s first Generative UI API that augments LLMs to respond with interactive UI like charts, forms, cards, and more in real-time, instead of plain text. Integrates seamlessly with any LLM, framework or MCP in just 2 lines of code - Fully customisable to match your brand - Supports custom components - Renders instantly with no latency Ship rich, interactive AI apps 10× faster, with 80% less UI overhead.
1:39

Today, we're launching C1 by Thesys on Product Hunt and giving away up to 5M free tokens if you retweet this and sign up within 24 hours. C1 is the world’s first Generative UI API that augments LLMs to respond with interactive UI like charts, forms, cards, and more in real-time, instead of plain text. Integrates seamlessly with any LLM, framework or MCP in just 2 lines of code - Fully customisable to match your brand - Supports custom components - Renders instantly with no latency Ship rich, interactive AI apps 10× faster, with 80% less UI overhead.

Rabi Shanker Guha

71,616 views • 8 months ago

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:
0:37

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:

Avi Chawla

20,947 views • 2 months ago

⚡day 5 of launch week: from (zero) MCP server to ChatGPT app this is peak developer experience 🤌🏼 1. define your UI in a single react file. 2. test it instantly with hot reload in the built-in Inspector 3. deploy it in one click on mcp-use Cloud 4. ship it directly to ChatGPT with: npx create-mcp-use-app@latest my-server --template apps-sdk you can go from zero to a deployed mcp server with apps sdk widgets in just 5 minutes here's how 🧵
2:50

⚡day 5 of launch week: from (zero) MCP server to ChatGPT app this is peak developer experience 🤌🏼 1. define your UI in a single react file. 2. test it instantly with hot reload in the built-in Inspector 3. deploy it in one click on mcp-use Cloud 4. ship it directly to ChatGPT with: npx create-mcp-use-app@latest my-server --template apps-sdk you can go from zero to a deployed mcp server with apps sdk widgets in just 5 minutes here's how 🧵

pederzh

22,647 views • 7 months ago

I've been waiting for this. The Unified MCP is here! Rube is a universal MCP server to connect your AI agents to all *your* apps. Works with your favorite IDE, Claude Code, and other MCP clients. Watch it research YouTube vids → generate a full content strategy doc. Insane!
1:55

I've been waiting for this. The Unified MCP is here! Rube is a universal MCP server to connect your AI agents to all *your* apps. Works with your favorite IDE, Claude Code, and other MCP clients. Watch it research YouTube vids → generate a full content strategy doc. Insane!

elvis

62,262 views • 9 months ago

🤓 Playing around MCP Apps / MCP UIs and OpenAI MCP Widgets 🤩🔥 I'm writing a blog post and will be published soon with an example repo /cc David Soria Parra
0:36

🤓 Playing around MCP Apps / MCP UIs and OpenAI MCP Widgets 🤩🔥 I'm writing a blog post and will be published soon with an example repo /cc David Soria Parra

fatih kadir akın

46,642 views • 6 months ago

What's new in goose v1.25.0: 🛡️ macOS sandboxing for every command ⚡ Unified Summon — one extension, two tools 🎨 Rich interactive UI in chat via MCP Apps 📋 Model & provider recipe config right from the GUI 🔏 SLSA build provenance on every binary Watch the full breakdown 👇
1:07

What's new in goose v1.25.0: 🛡️ macOS sandboxing for every command ⚡ Unified Summon — one extension, two tools 🎨 Rich interactive UI in chat via MCP Apps 📋 Model & provider recipe config right from the GUI 🔏 SLSA build provenance on every binary Watch the full breakdown 👇

goose

21,043 views • 3 months ago

In case you missed it, earlier this week we launched "MCP: Build Rich-Context AI Apps with Anthropic." Enroll now and: ✅ Explore how MCP standardizes access to tools and data for AI applications, its underlying architecture, and how it simplifies the integration of new tools and connections to external systems (e.g., GitHub repos, Google Docs, local files). ✅ Build and deploy an MCP server that provides tools, resources, and prompts, and add it to the configuration of AI applications, such as Claude Desktop, to extend them. ✅ Build an MCP-compatible application that hosts multiple MCP clients, each maintaining 1-to-1 connection to an MCP server. Join in for free:
1:09

In case you missed it, earlier this week we launched "MCP: Build Rich-Context AI Apps with Anthropic." Enroll now and: ✅ Explore how MCP standardizes access to tools and data for AI applications, its underlying architecture, and how it simplifies the integration of new tools and connections to external systems (e.g., GitHub repos, Google Docs, local files). ✅ Build and deploy an MCP server that provides tools, resources, and prompts, and add it to the configuration of AI applications, such as Claude Desktop, to extend them. ✅ Build an MCP-compatible application that hosts multiple MCP clients, each maintaining 1-to-1 connection to an MCP server. Join in for free:

DeepLearning.AI

23,829 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 • 4 months 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

141,952 views • 1 year ago

7 huge AI agents, MCP, and LLM updates today: 1. This MCP Server turns code repos into interactive knowledge graphs. Semantically search code functionalities, analyze dependencies, and explore direct relationships. 100% opensource.
0:57

7 huge AI agents, MCP, and LLM updates today: 1. This MCP Server turns code repos into interactive knowledge graphs. Semantically search code functionalities, analyze dependencies, and explore direct relationships. 100% opensource.

Unwind AI

42,870 views • 1 year ago

Big update for Claude Desktop and Cursor users! Now you can connect all AI apps via a common memory layer in a minute. I used the Graphiti MCP server that runs 100% locally to cross-operate across AI apps like Claude Desktop and Cursor without losing context. (setup below)
0:46

Big update for Claude Desktop and Cursor users! Now you can connect all AI apps via a common memory layer in a minute. I used the Graphiti MCP server that runs 100% locally to cross-operate across AI apps like Claude Desktop and Cursor without losing context. (setup below)

Avi Chawla

122,824 views • 7 months ago

Here is how you can build an MCP server with I built an MCP server that can send emails with Resend in < 1 min. Didn't need to write any code.
1:35

Here is how you can build an MCP server with I built an MCP server that can send emails with Resend in < 1 min. Didn't need to write any code.

Bhanu Teja P

20,595 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,079 views • 8 months ago