Skip to main content
Skybridge is a modular framework for quickly building ChatGPT and MCP Apps, the modern TypeScript way. It comes with:
  • 👨‍💻 Full blown dev environment with HMR, debug traces, and devtools
  • ✅ End-to-end typesafe APIs
  • 🔄 Widget-to-model synchronization tooling
  • ⚒️ React-query and Zustand-like state management hooks

​
Why does Skybridge exist?

OpenAI announced the ChatGPT Apps SDK in October 2025, giving developers a new way of interacting with ChatGPT. Shortly after, the open MCP ext-apps specification emerged, enabling similar UI widgets across multiple AI clients. While these runtimes provide powerful primitives with UI rendering, state persistence, tool calls, follow-up messages and layout management, they are very low-level and lack modern fullstack DX standards like end-to-end typesafe APIs, hooks, error handling or data state management. In addition, these apps introduce a new challenge: building for dual interaction surfaces. With widgets interacting with both the user and the model, you need to make sure everything the user sees and does in the UI is also shared with the model, and vice-versa. ChatGPT Apps architecture Finally, there are no developer tools or environment. Developers can test their apps only inside ChatGPT Developer mode, which has infinite caching policies, no hot module replacement, and requires you to refresh or re-install your app to test any change - losing precious minutes at each small iteration. After building dozens of ChatGPT Apps, we quickly saw repeating patterns and frustrations, and realized developers were spending too much time stitching together SDKs and managing low-level wiring instead of focusing on their product. We built Skybridge so other developers wouldn’t have to deal with these same frustrations. Our goal is to bring full-stack development standards back into ChatGPT and MCP Apps and help teams ship production-ready apps much faster.

​
What is Skybridge?

Skybridge is a modular framework aiming to maximize Developer Experience while minimizing boilerplate code. It includes 3 main parts:
  • skybridge/server: A drop-in replacement for the official MCP SDK that adds widget registration and type inference capabilities.
  • skybridge/web: A React library providing hooks, components, and the runtime glue to render your widgets inside AI conversation environments.
  • a local Dev Environment: our Vite plugin adds Hot Module Reload to your apps, with optimized assets building for both local and production environments.
Skybridge bridges the gap between standard MCP servers and host runtimes (Apps SDK, MCP Apps), allowing you to build rich, React-based UI experiences directly within AI conversations—all with full type safety and a developer experience you’ll love.

​
What Skybridge is NOT

  • It is NOT another MCP SDK. skybridge/server simply extends the official TypeScript MCP SDK, and skybridge/web focuses on improving host runtime APIs, making it compatible with any MCP Server and runtime.

​
Get Started

Ready to build your first app with Skybridge? Choose your path:

Create New App

Start from scratch with our starter kit. Get up and running in 5 minutes with our dev server and HMR.

Add to Existing App

Already have an MCP server? Add Skybridge to enable our React helpers and widgets abstractions.

​
Example Projects

Showcase

Explore real-world examples built with Skybridge, including interactive maps, ecommerce carousels, and more.

​
Learn More

Fundamentals

How ChatGPT and MCP Apps work under the hood

Data Flow

How data moves between tools, widgets, and the model

Platform Agnosticism

Write once, run anywhere—Apps SDK and MCP Apps

Type Safety

End-to-end TypeScript inference with generateHelpers