alpic-ai/skybridge

What it solves

Skybridge is a full-stack React framework designed to build type-safe MCP (Model Context Protocol) apps. It addresses the gap between low-level MCP SDKs and the need for rich, interactive UI views that can be rendered from MCP servers for clients like Claude and ChatGPT, providing higher-level abstractions and better developer tooling.

How it works

Skybridge abstracts the implementation differences between various MCP clients, allowing developers to write once and run across multiple platforms. It uses a tRPC-style inference system to ensure type safety from the MCP server tool definitions to the React frontend views. It also provides a set of React Query-style hooks for state management and a dedicated dev server with a local emulator and hot module reload (HMR).

Who it’s for

It is designed for developers building AI-powered applications that require a seamless interaction between users, LLMs, and interactive UI components, as well as coding agents that can use Skybridge's programmatic APIs and CLI to build apps end-to-end.

Highlights

• Cross-platform compatibility: Works seamlessly across Claude, ChatGPT, VSCode, and other MCP-compatible clients.
• End-to-end type safety: Provides tRPC-style inference from server to frontend.
• Agent-ready tooling: Includes a CLI and programmatic APIs specifically for coding agents to build and migrate apps.
• Developer experience: Features a local emulator, HMR, and permanent tunneling for local development.
• React-first approach: Utilizes intuitive hooks and advanced state management for building interactive views.