McpAppFrame:一个命令搞定 MCP Apps 自建 host 渲染器

mr_someonee · reddit · 2026-09-02

MCP Apps 已成官方规范、各大 host 都能渲染,但自建 host(inspector、agent 控制台、内部聊天工具)需要自己实现规范里最难的部分:沙盒 iframe、来自资源元数据的 CSP、ui/initialize 握手、把 tools/call 代理回自己的客户端、尺寸变化自适应、teardown。

作者把这些做成 shadcn 式复制粘贴组件:npx mcp-elements add mcp-app-frame 即可把源码放进仓库。组件零运行时依赖,只需传入你现有 MCP 客户端(@modelcontextprotocol/sdk、mcp-use 等)的 callTool/readResource;不想用 React 的话,核心包里是纯 TypeScript 状态机。此外还附带每个 host 都要重写的常见界面:带真实 6 状态机的工具调用卡片、OAuth 授权对话框、scope 检查器、JSON-Schema 转表单、资源浏览器、服务器状态徽章。支持 React/Angular/Vue,MIT 协议,并提供在线 demo(在 iframe 内完成真实 JSON-RPC 握手)。

原文链接 →

「编程与Agent」频道最新

更多「编程与Agent」频道 AI 资讯 →