正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

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

63,225 subscribers

128,851 次观看 • 2 天前 •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

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"

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 次观看 • 5 个月前

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!

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,726 次观看 • 10 个月前

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. ▶️

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 次观看 • 6 个月前

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! 🧵>>

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 次观看 • 1 年前

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 👇

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 次观看 • 4 个月前

Your AI stack just stopped being closed. 🔓 TanStack AI now speaks AG-UI client-to-server. - The same client hits any AG-UI server. - Any AG-UI client hits a TanStack server. Zero breaking changes. Migration guide in the tweet below 👇

Your AI stack just stopped being closed. 🔓 TanStack AI now speaks AG-UI client-to-server. - The same client hits any AG-UI server. - Any AG-UI client hits a TanStack server. Zero breaking changes. Migration guide in the tweet below 👇

TANSTACK

79,086 次观看 • 1 个月前

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 次观看 • 9 个月前

One more thing. json-render has entered the chat Your AI can now respond with text, fully rendered UI, and interactive 3D scenes

One more thing. json-render has entered the chat Your AI can now respond with text, fully rendered UI, and interactive 3D scenes

Chris Tate

168,005 次观看 • 4 个月前

Using the Supabase MCP server to one-shot a blogging app! Creating a project, building a UI, and connecting Supabase to the UI are all done automatically within a single chat flow! Give the Supabase MCP server a try on your favorite IDE!

Sensitive content

Using the Supabase MCP server to one-shot a blogging app! Creating a project, building a UI, and connecting Supabase to the UI are all done automatically within a single chat flow! Give the Supabase MCP server a try on your favorite IDE!

Tyler Shukert

18,596 次观看 • 1 年前

⚡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 🧵

⚡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 次观看 • 8 个月前

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

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

Figma

98,905 次观看 • 11 个月前

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.

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

17,044 次观看 • 2 个月前

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!

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 次观看 • 11 个月前

Introducing the official Supabase MCP Server! Supabase MCP Server allows you to read and write to your database, create new projects, apply migrations, and more, right from your favorite AI tools! You can start using them in Cursor or Windsurf today!

Introducing the official Supabase MCP Server! Supabase MCP Server allows you to read and write to your database, create new projects, apply migrations, and more, right from your favorite AI tools! You can start using them in Cursor or Windsurf today!

Supabase

193,114 次观看 • 1 年前

🚀 Introducing MCP Agents in Magentic-UI! Spin up custom agents that wrap one (or many) MCP tools, and let the Orchestrator pick the best agent for every step of the plan. Check out the demo below to see them in action 👇 #MCP #MagenticUI #AIagents

🚀 Introducing MCP Agents in Magentic-UI! Spin up custom agents that wrap one (or many) MCP tools, and let the Orchestrator pick the best agent for every step of the plan. Check out the demo below to see them in action 👇 #MCP #MagenticUI #AIagents

Microsoft AI Frontiers

10,616 次观看 • 1 年前

Introducing SperaxOS Plugin Store Browse & install plugins right from the chat. Choose from many of your favorite apps, plugins, and tools or bring your own custom MCP Servers. Watch how anyone can import any MCP Server into SperaxOS chat in under 1 minute.

Introducing SperaxOS Plugin Store Browse & install plugins right from the chat. Choose from many of your favorite apps, plugins, and tools or bring your own custom MCP Servers. Watch how anyone can import any MCP Server into SperaxOS chat in under 1 minute.

Sperax | SperaxOS

22,924 次观看 • 3 个月前

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!

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 次观看 • 1 年前

The official Venice MCP Server is live! 31 tools across every modality. Chat, image, video, audio, music, web search, and more. Works with your Hermes or OpenClaw agent, Claude Code, Cursor, Codex, or any MCP client. 👉

The official Venice MCP Server is live! 31 tools across every modality. Chat, image, video, audio, music, web search, and more. Works with your Hermes or OpenClaw agent, Claude Code, Cursor, Codex, or any MCP client. 👉

Sabrina

42,010 次观看 • 1 个月前

You can now connect your React application to any MCP server! And it only takes a single command: $ npx copilotkit@latest init -m MCP This is massive for anyone building React applications! Using the CopilotKit🪁 MCP Client Component, you can get an MCP Client chat component in your application and instant access to any MCP server out there! It doesn't get easier than this. Check out the link below for instructions on how to proceed ↓

You can now connect your React application to any MCP server! And it only takes a single command: $ npx copilotkit@latest init -m MCP This is massive for anyone building React applications! Using the CopilotKit🪁 MCP Client Component, you can get an MCP Client chat component in your application and instant access to any MCP server out there! It doesn't get easier than this. Check out the link below for instructions on how to proceed ↓

Santiago

39,944 次观看 • 1 年前

Introducing Vapi's MCP client! Your agent can now call tools from any MCP server (like Zapier or Composio), live in conversations. Access hundreds of tools without any custom integrations. Examples and docs👇

Introducing Vapi's MCP client! Your agent can now call tools from any MCP server (like Zapier or Composio), live in conversations. Access hundreds of tools without any custom integrations. Examples and docs👇

Vapi

43,181 次观看 • 1 年前