几分钟内将您的 React 应用转变为 MCP 客户端

我是 CopilotKit 团队的一员，很高兴地宣布我们刚刚添加了对 MCP 的内置支持。此更新已于今日上线。

对于那些不熟悉的人来说，CopilotKit 是一个自托管的全栈框架，用于构建用户交互式代理和副驾驶员。我们的重点是允许您的代理控制您的应用程序（通过人工批准），传达它正在做的事情，并为用户生成完全自定义的 UI。

什么是 MCP 客户端？

它是一个基于 Web 的客户端（本例中为 React），可让您在自己的应用中与任何 MCP 服务器进行聊天。您只需要一个 Composio 的 URL 即可开始使用。

MCP 允许您以标准化的方式将 LLM 连接到外部工具。现在，您可以直接在 React 应用中使用聊天界面与任何兼容 MCP 的服务器进行通信，无需任何代理框架。

只需一个命令，您就可以从自己的 Next.js 应用程序开始本地与 MCP 服务器通信。

 copilotkit@latest init -m MCP

为了展示它，我使用 MCP 将一个简单的自托管 ToDo 应用程序连接到两个平台：

Asana – 将博客想法作为任务发送，分配给我自己，并设置截止日期。

Typefully – 提取博客标题并将其保存为草稿推文。

用户界面： CopilotKit

MCP 服务器： Composio

框架： Next.js

代理框架：无

代码是开源的，欢迎贡献。

GitHub： https://github.com/CopilotKit/copilotkit-mcp-demo

文档： https://docs.copilotkit.ai/guides/model-context-protocol

视频演示： https://x.com/CopilotKit/status/1917976289547522074

Twitter公告： https://x.com/CopilotKit/status/1917976289547522074

很想知道您将 MCP 连接到了什么！

在Twitter上关注 CopilotKit并打招呼，如果您想构建一些很酷的东西，请加入我们的Discord。