
skybridge
活跃·★ 2.2k·MIT·更新于 2026-10-22
Skybridge 是用于构建出现在 AI 对话里的交互式组件的全栈 TypeScript 框架,同时支持 ChatGPT Apps 和 MCP Apps。README 说原生 SDK 比较底层,没有 hooks、类型安全、开发工具和热更新,Skybridge 就是补上这些的一层:完整的开发环境(Vite 热更新、调试追踪和本地开发者工具模拟器)、从服务端到组件的 tRPC 风格类型推断、带 `isPending`、`isError` 的 React Query 风格 hooks、组件调用服务端工具,以及用 `data-llm` 让模型了解用户看到的内容。
它有两个模块:`skybridge/server` 扩展 MCP SDK,让你用完整的类型推断定义工具和组件(带 Zod 输入模式的 `server.registerWidget(...)`);`skybridge/web` 提供 `useToolInfo` 等 React hooks,直接使用服务端的类型。用 `npm create skybridge@latest` 创建新项目,或用 `npm i skybridge` 添加到现有项目(yarn、pnpm、bun、deno 也行)。它既能通过 Apps SDK 用于 ChatGPT,也能用于 Goose、VS Code 等支持 MCP Apps 的客户端,README 还链接了接近生产水平的示例。许可证为 MIT。
指南
最新发布v2.0.4 · 2026-10-15npm 包skybridge 2.0.4 · 25,909 上周下载 来源:GitHub、npm 和 PyPI 的公开接口。
#智能体#人工智能#apps-sdk#ChatGPT#Claude#Claude Code#devtools#ext-apps
01
功能特性
01实时热更新
02类型安全的钩子
03小部件触发工具调用
04双面同步
05React Query风格的API
02
为什么选择它
+从 MCP 工具定义到 React 组件的端到端类型安全
+真正的开发环境:热更新、调试追踪和开发者工具模拟器
+一套代码同时面向 ChatGPT Apps 和 MCP Apps 客户端
+用的是熟悉的 React Query 风格 hooks 来处理加载和错误状态
03
权衡点
!只支持 TypeScript 和 React
!依赖 ChatGPT Apps SDK 和 MCP Apps 扩展,而各宿主的支持程度仍不均衡
!这是建立在两个仍在演进的规范之上的较新框架,API 可能会变化
!README 比较简短,大部分细节要看文档网站
04
维护状况检查
活跃检查日期: 2026-10-22
- 最近提交
- 2026-10-21
- 近 90 天提交数
- 75
- 近 90 天发布数
- 12
- 最新发布
- v2.0.4 (2026-10-15)
- 未关闭 issue
- 52
- 近期 issue 至少有一条评论的比例
- 4/10
近 12 周每周提交数
最早的一周在左边,最近 4 周为橙色。数据来源:GitHub 提交统计。
状态规则:GitHub 上已归档 = 已归档;最近提交在 90 天内 = 活跃;91 到 365 天 = 放缓;更久 = 停滞。所有数字来自所示日期的 GitHub API。
05
兼容性
MCP Clients
MCP 客户端
已通过文档验证
06
快速开始
1
$ npm create skybridge@latest
07
使用场景
↳构建带有地理定位和集成功能的交互式世界地图应用。
↳创建具备购物车功能和本地化的电商产品轮播。
↳开发用于生产力工具的数据可视化仪表板。
15 条评论 · 2026-06-01
issue 标题引自 GitHub。请打开链接确认该问题是否仍适用于你使用的版本。
VS
nvim-mcp
★66
→
07
使用场景
在 DigitalOcean 上一键部署
为你的 MCP 服务、Docker 容器与智能体提供即开即用云服务器,新用户立享 $200 免费额度(60天有效)。
立即领取 $200 免费额度