把你的React应用快速变身MCP客户端

我是CopilotKit团队的一员，很高兴地宣布我们最近已经为MCP增加了内置支持。这个更新今天已经推出。

对于还不了解的朋友来说，CopilotKit 是一个可以自行部署的端到端框架，用于开发用户交互的代理和副驾。我们的重点是使您的代理在获得人类批准的情况下控制您的应用程序、告知其操作详情，并为用户提供完全定制的界面。

点这里访问 CopilotKit 的 GitHub 页面 ⭐️ ⭐️ 点赞支持

这是一个基于网页的客户端（例如使用React），它允许你在自己的应用中与任何MCP服务器聊天。只需从Composio获取一个URL即可开始。

MCP 让你可以用标准方式连接 LLM 和外部工具。现在你可以直接从你的 React 应用中通过聊天界面与任何支持 MCP 的服务器交流，无需使用代理框架。

快速上手：

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

copilotkit@latest init -m MCP

点击此处进入全屏模式，点击此处退出全屏模式

我们建立的东西:

为了炫耀，我用MCP——把一个简单的自托管待办事项应用接到了两个平台上。

在Asana中，你可以创建博客想法的任务，分配给自己处理，并设定截止时间。

Typefully – 获取博客标题，并将它们保存为草稿微博。

栈:

UI: 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

推特公告帖： https://x.com/CopilotKit/status/1917976289547522074

非常想听听你把MCP连接到了哪里/什么东西。

关注 CopilotKit 的 Twitter 并打个招呼，如果你想搞点酷的东西，来加入我们的 Discord 社区吧。