Skybridge

这是什么

人们越来越少打开独立网站，而是直接问助手。MCP Apps 就是嵌在 ChatGPT、Claude、VS Code、Cursor 等 MCP 客户端里的真实交互界面——能搜机票、下单、展示卡片，而不只是吐一段文字。

Skybridge 是 Alpic 团队做的开源全栈 React 框架：你用 TypeScript 定义 MCP 工具和 React 视图，它负责服务端、渲染、跨客户端兼容、本地模拟与公网隧道。官网定位很直白——code once, ship everywhere，并称已有大量下载与商店上线应用，还登上过 OpenAI Developers Blog。

能打的地方

• 一次写、多端跑：抽象 Claude / ChatGPT / VS Code 等实现差异，同一套应用尽量行为一致，不用为每个宿主重写管道。
• 开发体验完整：本地模拟器、Hot Module Reload、一键公网隧道，改工具或组件后可在真实客户端里即时看到效果，少重启少重部署。
• 类型安全贯通：接近 tRPC 的端到端推断，工具 schema 到 React 视图联动；配 react-query 风格 hooks，会 React 就能上手。
• 给 Agent 也准备好了：CLI、Skills、程序化 devtools，方便用编码 Agent 从脚手架一路做到可提交商店的应用。
• 示例与审计：电商、旅行、SaaS 等示例；自带对照 Claude/ChatGPT 指南的 audit，方便提交前自查。

适合谁 · 谁不用碰

适合：已经在做或计划做 MCP App 的全栈/前端；产品要进 ChatGPT/Claude 应用商店或助手内嵌 UI；团队想用统一 TypeScript/React 栈，而不是为每个宿主维护一套胶水代码。

不必碰：只需要纯文本工具调用、不打算做交互视图的人；完全不碰 React/TS 的后端；只想做普通网页或微信小程序的团队——这是另一条产品形态，不是通用建站框架。

上手门槛

开源，命令行 npm create skybridge 即可脚手架；另有面向 Agent 的 skills 安装方式。文档与界面以英文为主，未见完整中文支持。官网与对接 ChatGPT/Claude 的调试在大陆通常需要稳定网络/梯子。学习成本对熟悉 React 的人不高，但对 MCP 协议、各客户端能力边界仍要自己摸；免费额度即开源使用本身，无额外商业版价格信息。

和同类怎么选

维度	Skybridge	官方 MCP SDK 自建	自拼 React + 隧道
核心定位	MCP App 全栈 React 框架	协议/服务端底层	零散工具拼装
价格模式	开源免费	开源/按厂商	免费但自运维
易用性	高（模拟器+HMR+类型）	中低（自己补齐）	低
大陆可用性	需梯子+英文	视具体 SDK	视组件而定

具体以各家官网为准。若你只要最小 MCP server，官方 SDK 更轻；若要助手内“真 App”体验且想快迭代，Skybridge 的抽象和 DX 更对口。

值不值得试

值得试——前提是你的产品路线里已经有「助手内交互应用」这一条。先用旅行/电商示例跑通本地模拟器和隧道，再决定是否进商店；若只是尝鲜 MCP，先读文档和 showcase 再投入，避免为概念而概念。