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 再投入，避免為概念而概念。