正在打开每日关注
正在打开每日关注
CopilotKit通过MCP中间件,将服务器工具的UI资源安全渲染到聊天线程,无需额外前端代码。
Render MCP Apps directly in your chat. Connect any server and its tools show up as interactive, sandboxed components. 𝚗𝚙𝚖 𝚒𝚗𝚜𝚝𝚊𝚕𝚕 @𝚊𝚐-𝚞𝚒/𝚖𝚌𝚙-𝚊𝚙𝚙𝚜-𝚖𝚒𝚍𝚍𝚕𝚎𝚠𝚊𝚛𝚎 Get started ↓ https://t.co/tIxPIbh5NP https://t.co/55QH3cLKcq
是什么 CopilotKit的MCP Apps文档介绍一种“工具即界面”的集成方式:MCP服务器除了暴露工具,还提供关联的UI资源;代理调用工具后,中间件自动取回并在聊天线程中渲染,不要求业务前端再写适配代码。
核心设计 架构链路是BuiltInAgent → MCPAppsMiddleware → HTTP/SSE MCP Server → UI resource → 隔离iframe。组件可运行HTML、CSS、JavaScript,并随会话历史保存、重连恢复。生产环境使用稳定的serverId绑定服务器身份,避免URL因环境变化导致历史组件无法加载;中间件也统一了多个服务器的接入方式。
关键洞察 它把工具输出从JSON文本升级为可操作的上下文界面,减少Agent、工具与聊天UI之间的胶水代码,并通过MCP资源复用跨框架能力。画面中的天气卡片和框架标签分别演示了结果呈现与生态兼容。
边界与风险 支持HTTP与SSE不等于任意MCP服务都能直接获得高质量UI,服务器仍需提供兼容资源。iframe隔离降低渲染风险,但权限确认、跨域策略、敏感数据、工具副作用与审计仍需宿主设计;serverId、认证头及持久化策略也应纳入部署验证。