alpic-ai/skybridge

What it solves

Skybridge is a full-stack React framework designed to build "MCP Apps"—extensions for the Model Context Protocol (MCP) that add rich, interactive UI views to AI clients like Claude and ChatGPT. It replaces low-level SDKs with higher-level abstractions, providing type safety, hot module reloading, and a unified way to build views that work across different MCP-compatible clients.

How it works

Skybridge abstracts the implementation differences between various MCP clients, allowing developers to write a single codebase that runs in multiple environments. It uses tRPC-style inference to ensure type safety from the MCP server tool definitions to the React frontend. The framework provides React Query-style hooks for state management and a dedicated dev server with a local emulator and permanent tunneling to connect local development environments to live AI clients.

Who it’s for

It is built for developers creating interactive AI applications and MCP servers that require a visual interface beyond simple text responses, as well as coding agents that can use Skybridge's programmatic APIs and CLI to build apps end-to-end.

Highlights

• Cross-platform compatibility: Write once and deploy to Claude, ChatGPT, and VSCode.
• End-to-end type safety: Type inference from server tool definitions to React views.
• Agent-ready tooling: Includes a CLI and programmatic APIs specifically for coding agents.
• Developer experience: Features a local emulator, HMR, and permanent tunneling for rapid iteration.
• React-first approach: Uses intuitive hooks and advanced state management for building AI UIs.