Skybridge

Skybridge is an open-source, full-stack React and TypeScript toolkit for building Model Context Protocol (MCP) apps and servers that run inside assistants like Claude and ChatGPT. It targets teams that want rich, interactive widgets and tools to live directly in AI chat surfaces and IDEs such as VSCode, Cursor, and Goose. By tying typed server definitions to React views and shipping tailored dev tooling, Skybridge makes MCP app development feel close to standard web work.

What is Skybridge? Skybridge is an open-source, full-stack React and TypeScript toolkit for building Model Context Protocol (MCP) apps and servers that run inside assistants like Claude and ChatGPT. It targets teams that want rich, interactive widgets and tools to live directly in AI chat surfaces and IDEs such as VSCode, Cursor, and Goose. By tying typed server definitions to React views and shipping tailored dev tooling, Skybridge makes MCP app development feel close to standard web work. Key Features: Cross-host MCP runtime: Single codebase targets Claude, ChatGPT, VSCode, Cursor, Goose, and any compatible MCP client while hiding host-specific quirks. DevTools suite: Local emulator, dev server with hot module reload, and HTTPS tunnel let developers preview real assistant UIs during development. Typed server-to-UI bridge: tRPC-style type inference flows from MCP server tool definitions into React components through hooks like useToolInfo. Agent-ready skills and CLI: A dedicated Skill, CLI, and programmatic devtools APIs support autonomous coding agents that scaffold and refine MCP apps. Production-ready examples: Ready-made apps for travel, e-commerce, SaaS, and other patterns provide concrete blueprints for new projects.