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