React components that render inside Claude and ChatGPT

What it does

Skybridge is a full-stack TypeScript framework for building MCP apps—interactive plugins for LLM clients like Claude and ChatGPT—using React. It handles server-side tool definitions and renders corresponding UI views inside the chat interface, abstracting away differences between platforms so the same app runs in Claude, ChatGPT, VS Code, or any compatible client.

The interesting bit

The framework treats the LLM client as a runtime environment, not just a chat window. It offers tRPC-style end-to-end type safety from server tool definitions to React views, plus React Query-style hooks and hot module reload via a local emulator with permanent tunneling to remote clients. There is even a skill interface so coding agents can scaffold and modify Skybridge apps programmatically.

Key highlights

• Write once, run across Claude, ChatGPT, VS Code, and other MCP-compatible clients without platform-specific rewrites
• End-to-end type safety inferred from server tool schemas down to React props
• Dev server includes local emulator, HMR, and permanent tunneling to test against live clients
• Agent-ready CLI and skill APIs designed for autonomous coding agents to build apps end-to-end
• Self-host on any Node.js platform or deploy via Alpic with MCP-specific analytics and compliance auditing

Verdict

Worth a look if you are building interactive MCP apps and want React ergonomics with end-to-end type safety. Skip it if you are just exposing simple tools without UI or plan to target only one LLM client.