Skybridge

Skybridge is an open-source, MIT-licensed React framework built by the Alpic team for creating Model Context Protocol (MCP) apps. It targets developers who want to ship rich, interactive UI views inside AI clients like Claude, ChatGPT, and VSCode without wrestling with low-level SDKs. The project is recommended in the OpenAI documentation and Developers Blog, and the homepage claims it powers 10% of MCP apps in Claude and ChatGPT.

What It Is

Skybridge is a full-stack TypeScript framework that extends the Model Context Protocol with interactive React-powered UI views. Where the raw MCP SDKs are low-level and lack hooks, type safety, or hot reload, Skybridge adds a complete developer experience layer: define tools on the server, write React components for the views, and ship to any MCP-compatible client. The framework abstracts client-specific implementation differences so one codebase runs across Claude, ChatGPT, VSCode, Cursor, and other MCP clients.

Core Architecture

Skybridge is structured around a server/view split with end-to-end type safety modeled after tRPC:

• Server tools are registered with a schema (using Zod) and a pointer to a React view component.
• React views consume tool output via useToolInfo<"toolName">() hooks, which carry full TypeScript inference from the server definition.
• State management follows a React Query-style pattern, making it familiar to existing React developers.
• The framework ships as an npm package (skybridge) and is bootstrapped via npm create skybridge@latest.

Developer Tooling

The local development environment is a first-class feature:

• Hot Module Reload (HMR): edit a tool or widget and see the change reflected in the MCP client instantly, with no restarts or redeploys.
• Local emulator: run Claude and ChatGPT surfaces locally to test layout, spacing, and dark/light theming before shipping.
• Public tunnel: one command exposes the dev server with a stable HTTPS URL for testing on any device or MCP client.
• Server audit: validates the MCP app against Claude and ChatGPT submission guidelines and surfaces findings that can be handed directly to a coding agent.

Agent-Ready Workflow

Skybridge ships a Skills system that lets coding agents build MCP apps end-to-end. Installing the skill via npx skills add alpic-ai/skybridge -s skybridge gives agents the context to create new apps, migrate existing MCP servers, or add new views on command. The CLI and programmatic devtools APIs are designed so agents can drive the full development lifecycle without human intervention at each step.

Example Library and Integrations

The repository includes production-ready example templates covering e-commerce, travel, productivity dashboards, games, and generative UI. Auth examples cover Clerk, WorkOS AuthKit, Stytch, and Auth0. UI library examples include shadcn/ui components and a generative UI pattern with json-render. Apps can be deployed to the Alpic platform for MCP-specific analytics, permanent tunneling, and app store compliance auditing, or self-hosted on any Node.js-compatible platform.

Update: v1.1.2

The latest release is v1.1.2, published on June 22, 2026, with the repository last pushed on June 23, 2026. The GitHub repository shows 1,847 stars and 113 forks as of that date. The project was created in October 2025 and has maintained active development cadence since launch, with 58 open issues tracked publicly.