LibreAI / Dev Tools / skybridge
// devtools · alpic-ai/skybridge

skybridge

Skybridge: the full-stack TypeScript framework for building type-safe MCP Apps and ChatGPT Apps with React.

★ 2.1k stars⑂ 141 forksMITupdated 2026-10
▦ visual — this project's README ships no embeddable screenshot,
so here's a placeholder. The guide below is complete regardless.
// project facts

Project facts

skybridge is an open-source dev tools project by alpic-ai (alpic-ai/skybridge on GitHub). It has 2,150 GitHub stars and 141 forks, is released under the MIT license, and was last updated on GitHub on 8 October 2026.

GitHub stars
2,150
Forks
141
License
MIT
Last updated on GitHub
8 October 2026
Category
Dev Tools
Listing
Full install guide
Official site
Official site
// how it works

How it works

  1. Clarify your goal

    Decide what interactive app you want to embed in an MCP client, such as a booking flow, dashboard, or product carousel.

  2. Get the project

    Bootstrap a new project with the create command, or add the Skybridge skill to your coding agent to scaffold within an existing codebase.

  3. Install and configure

    Build your server tools and React views using the framework's hooks and end-to-end type inference, testing in the local emulator.

  4. Run your first task

    Use the dev server's tunnel to try the app live inside Claude or ChatGPT, then deploy to Alpic or your own Node.js host.

// features

Why people love it

End-to-end type safety

tRPC-style inference carries types from the MCP server tool definitions through to the React views.

Delightful dev environment

A dev server with a local emulator, hot module reload, and a permanent tunnel to connect the local app to Claude and ChatGPT.

Write once, run everywhere

The framework abstracts client differences so apps run in Claude, ChatGPT, VS Code, and other MCP Apps-compatible clients.

React-first hooks

React Query-style hooks with advanced state management for synchronising UI, model, and server data.

Agent-ready tooling

Skills, a CLI, and programmatic dev APIs let coding agents build and migrate MCP Apps end to end.

Example library

Ready examples for ecommerce, travel, SaaS, games, dashboards, and several OAuth providers to start from.

Advertisement
// run it

Run it yourself

  1. Clone an example or the framework repo (optional)

    Most developers scaffold a fresh app instead of cloning the framework.

    git clone https://github.com/alpic-ai/skybridge.git
    cd skybridge
  2. Bootstrap a new app

    The create command generates a ready Skybridge project.

    npm create skybridge@latest my-app
  3. Or add the agent skill

    Install the Skybridge skill so your coding agent can create or migrate an MCP App.

    npx skills add alpic-ai/skybridge -s skybridge
// use cases

What you can build

Advertisement
// faq

Questions, answered

Who maintains it?

It is built and maintained by the Alpic team (alpic-ai), with named individual maintainers in the README.

Is it free to use?

Yes, Skybridge is MIT-licensed and free, and apps can be self-hosted on any Node.js platform; Alpic hosting is an optional commercial convenience.

Does it need a paid API key?

No API key is needed for the framework itself; your app uses whatever model and services your MCP client and server already use.

How does it compare to a well-known alternative?

The raw MCP Apps SDKs are low-level, without hooks, type safety, or hot reload; Skybridge layers a React framework, dev tooling, and client abstraction on top of them.

How do I get started?

Run npm create skybridge@latest my-app and follow the quickstart guide in the documentation.

// keep exploring

Similar tools

Dev Tools

CopilotKit

The frontend stack for AI agents and generative UI in React, Angular, mobile and chat apps

★ 37.8k starsMIT
View guide →
Dev Tools

ai

Vercel's AI SDK: the TypeScript toolkit for building AI apps and agents with any model provider

★ 27.2k starsNOASSERTION
View guide →
Dev Tools

Scrapling

Adaptive web scraping framework in Python — from a single request to a full-scale crawl

★ 86.3k starsBSD-3-Clause
View guide →
Dev Tools

superduper

An end-to-end framework for building custom AI applications and agents on top of your database.

★ 5.3k starsApache-2.0
View guide →
Dev Tools

mcporter

Call MCP servers from TypeScript or the CLI — MCP tools disguised as a simple TypeScript API.

★ 5.1k starsMIT
View guide →
Dev Tools

magic-mcp

It's like v0, but in your Cursor / Claude Code / Windsurf: search 10,000+ React/Tailwind components, generate new UI with AI, and publish your own — right fr…

★ 6.0k starsISC
View guide →
// alternatives

Alternatives in Dev Tools

The most-starred other Dev Tools projects in the LibreAI catalogue — the realistic shortlist if skybridge is not the right fit.

Get skybridge

Free and open — grab the source, star the repo, and start creating.