LibreAI / 開発ツール / skybridge
// devtools · alpic-ai/skybridge

skybridge

skybridgeは、alpic-aiが公開しているオープンソースの開発ツールプロジェクトです(GitHub: alpic-ai/skybridge)。GitHubスターは2,150、フォークは141で、MITライセンスの下で公開されています。GitHubでの最終更新は2026年10月8日です。

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

★ 2.1k スター⑂ 141 フォークMIT更新 2026年10月
▦ ビジュアル — このプロジェクトのREADMEには埋め込み可能なスクリーンショットがないため、
ここではプレースホルダーを表示しています。下のガイド自体は完全な内容です。
// プロジェクトの基本情報

プロジェクト基本情報

リポジトリ
alpic-ai/skybridge
GitHubスター
2,150
フォーク
141
ライセンス
MIT
GitHubでの最終更新
2026年10月8日
カテゴリ
開発ツール
掲載タイプ
完全なインストールガイド
公式サイト
Official site
// 仕組み

仕組み

  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.

// 機能

選ばれる理由

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
// 自分で実行

自分で実行してみる

  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
// 活用例

作れるもの

Advertisement
// よくある質問

よくある質問

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.

// さらに探索

似ているツール

開発ツール

CopilotKit

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

★ 37.8k スターMIT
ガイドを見る →
開発ツール

ai

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

★ 27.2k スターNOASSERTION
ガイドを見る →
開発ツール

Scrapling

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

★ 86.3k スターBSD-3-Clause
ガイドを見る →
開発ツール

superduper

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

★ 5.3k スターApache-2.0
ガイドを見る →
開発ツール

mcporter

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

★ 5.1k スターMIT
ガイドを見る →
開発ツール

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 スターISC
ガイドを見る →
// 代替候補

代替候補: 開発ツール

LibreAIカタログに掲載された開発ツールプロジェクトの中で最もスターの多いもの — skybridgeが合わなかった場合に検討したい、現実的な候補リストです。

// さらに見る devtools

さらに見る: 開発ツール

カタログの中でskybridgeとスター数が近い開発ツールプロジェクト — 前後の棚もそのまま見て回れます。

skybridgeを入手する

無料でオープン — ソースコードを入手して、リポジトリにスターを付け、作り始めましょう。