Skybridge：在 AI 聊天机器人里构建交互式 MCP 应用
介绍 Skybridge 的 TypeScript/React MCP 应用组件、本地预览和开发隧道，说明显式共享状态、宿主兼容性与部署权限。
直接回答：Skybridge 是 Alpic 开源的 TypeScript 框架，用于构建可在兼容聊天宿主中渲染的 React 交互组件。用户操作与模型工具调用可以协作，但模型只能获得开发者显式共享的状态，不会自动看见整个界面或全部数据。
MCP 应用的运作方式
MCP 应用把工具与交互视图连接起来。用户可操作 React 组件，应用把明确共享的状态或工具结果提供给模型；模型不是自动看到全部像素、所有表单与隐藏数据。
开发者需要定义哪些信息进入模型上下文、哪些动作允许执行，并在后端保留认证、授权与输入校验。共享 UI 状态不是权限凭证。
Skybridge 提供什么
裸写 MCP 应用要手工处理协议桥接、实时状态同步、安全策略、隧道配置。此前的本地开发流程是：外部隧道（ngrok）→ 每次重启手动把 URL 粘进聊天机器人设置 → 改一点代码整个会话重来。
Skybridge 把基础设施全包了：
- Playground：本地沙箱 + HMR，代码改动即时反映到组件预览
- 集成隧道：一键生成公网 HTTPS URL，粘一次即可，无需外部隧道服务
- 发布前自查：按目标客户端的应用、工具和安全规范检查，不能把开发工具视为官方审核或上架保证
实战形态：LensShop 相机镜头电商
官方演示是相机镜头店的 MCP 应用：用户在聊天机器人里搜索、筛选、对比、下单镜头——整个购物流程不出聊天窗口，LLM 能看购物车状态并协助决策。
适合谁
- 想把服务嵌入 ChatGPT/Claude 流量入口的开发者
- 做 Agent 原生产品（UI 由 AI 与人共同操作）的团队
- 被裸 MCP 应用开发基建劝退过的人
常见问题（FAQ）
Q：MCP 应用等于 GPTs 吗？
A：不是。交互应用、GPTs 与连接器是不同产品入口，支持能力依客户端而异。
Q：提交到 GPT Store 吗？
A：ChatGPT Apps 的发布入口与应用目录应按当前 Apps 文档核对，不是 GPT Store；工具自检不保证获批。
Q：开发隧道安全吗？
A：公网隧道会暴露本地服务，使用测试数据、身份控制与最小权限，不暴露调试密钥。
参考资料
资料核对日期：2026 年 9 月 29 日。本文基于公开文档整理，代码片段和评估方案未作独立运行或性能验证；厂商测试结果已注明来源。
