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」频道最新
- 内存占用仅为 rust-analyzer 的百分之一?新 Rust 语言服务器 Rust Glancer 发布 — JeremyCMorgan · 2026-09-02
- CommerceAgentBench 破千星:阿里Accio从160万真实对话提炼电商Agent基准 — VibeMarketer_ · 2026-09-02
- 在服务器跑 agent 还在用 tmux?用户盛赞 herdr 值得立刻切换 — doesdatmaksense · 2026-09-02
- Fable 5.1 发布:输出带 Anthropic 统计水印,缓存与工具调用多项改进 — Angaisb_ · 2026-09-02
- 提示与技巧:会话过长会导致 Token 浪费与模型能力下降 — hudsonhateno · 2026-09-02
- 实测 MCP 吞噬 2.6 万 Token,Agent 开销惊人 — THEDEVRELMARKUS · 2026-09-02