我是 CopilotKit 團隊的成員，我很高興地宣布我們剛剛加入了對 MCP 的內建支援。此更新已於今日上線。
對於那些不熟悉的人來說，CopilotKit 是一個自架的全端框架，用於建立使用者互動式代理和副駕駛。我們的重點是允許您的代理商控制您的應用程式（透過人工批准），傳達它正在做的事情，並為使用者產生完全自訂的 UI。
{% cta https://go.copilotkit.ai/copilotkit %}查看 CopilotKit 的 GitHub ⭐️ {% endcta %}
什麼是 MCP 客戶端？
它是一個基於 Web 的用戶端（在本例中為 React），可讓您在自己的應用程式中與任何 MCP 伺服器聊天。您只需要一個來自 Composio 的 URL 即可開始。
MCP 讓您以標準化的方式將 LLM 連接到外部工具。現在，您可以直接從 React 應用程式使用聊天介面與任何相容 MCP 的伺服器進行通信，而無需代理框架。
快速入門：
只需一個命令，您就可以從自己的 Next.js 應用程式開始本地與 MCP 伺服器通訊。
copilotkit@latest init -m MCP我們建造了什麼：
為了展示它，我使用 MCP 將一個簡單的自架 ToDo 應用程式連接到兩個平台：
Asana – 將部落格想法作為任務發送，分配給我自己，並設定截止日期。
Typefully – 提取部落格標題並將其儲存為草稿推文。
堆：
使用者介面： CopilotKit
MCP 伺服器：組成
框架： 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 。
原文出處：https://dev.to/copilotkit/turn-your-react-app-into-an-mcp-client-in-minutes-269n
1) --- 會變成分隔線（上一行必須是空白）
2) # 會變成一級標題
3) ## 會變成二級標題
4) ### 會變成三級標題
5) **粗體文字**會顯示粗體文字
6) ```當第一行與最後一行會顯示程式碼
7) 請搜尋 Markdown 語法，了解各種格式