// devtools · alpic-ai/skybridge

skybridge

skybridge es un proyecto de herramientas de desarrollo de código abierto de alpic-ai (alpic-ai/skybridge en GitHub). Tiene 2.150 estrellas en GitHub y 141 bifurcaciones, se publica bajo la licencia MIT y se actualizó por última vez en GitHub el 8 de octubre de 2026.

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

★ 2,1k estrellas⑂ 141 bifurcacionesMITactualizado oct 2026
▦ visual: el README de este proyecto no incluye ninguna captura incrustable,
así que aquí va un marcador. La guía de abajo está completa de todos modos.
// datos del proyecto

Datos del proyecto

Estrellas en GitHub
2.150
Bifurcaciones
141
Licencia
MIT
Última actualización en GitHub
8 de octubre de 2026
Tipo de ficha
Guía de instalación completa
Sitio oficial
Official site
// cómo funciona

Cómo funciona

  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.

// características

Por qué gusta tanto

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
// ejecútalo

Ejecútalo tú mismo

  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
// casos de uso

Qué puedes crear

Advertisement
// preguntas frecuentes

Preguntas frecuentes

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.

// sigue explorando

Herramientas similares

Herramientas de desarrollo

CopilotKit

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

★ 37,8k estrellasMIT
Ver la guía →
Herramientas de desarrollo

ai

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

★ 27,2k estrellasNOASSERTION
Ver la guía →
Herramientas de desarrollo

Scrapling

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

★ 86,3k estrellasBSD-3-Clause
Ver la guía →
Herramientas de desarrollo

superduper

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

★ 5,3k estrellasApache-2.0
Ver la guía →
Herramientas de desarrollo

mcporter

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

★ 5,1k estrellasMIT
Ver la guía →
Herramientas de desarrollo

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 estrellasISC
Ver la guía →
// alternativas

Alternativas en Herramientas de desarrollo

Los demás proyectos de Herramientas de desarrollo con más estrellas del catálogo de LibreAI: la lista realista de alternativas si skybridge no es lo que buscas.

// más en devtools

Más en Herramientas de desarrollo

Proyectos de Herramientas de desarrollo cercanos en el catálogo, los más próximos en estrellas a skybridge: sigue explorando a ambos lados.

Consigue skybridge

Gratis y abierto: consigue el código fuente, dale una estrella al repositorio y empieza a crear.