> ## Documentation Index
> Fetch the complete documentation index at: https://docs.skybridge.tech/llms.txt
> Use this file to discover all available pages before exploring further.

# Migrate to Skybridge

> Bring an existing MCP App over, whatever it's built on

export const Hero = ({src, alt}) => <img src={src} alt={alt} style={{
  width: "100%",
  height: "auto",
  display: "block",
  marginTop: "-0.75rem",
  borderRadius: "15px"
}} />;

<Hero src="/images/migrate.webp" alt="Migrate to Skybridge" />

The Skybridge Skill migrates an existing MCP App for you, whatever framework or library it's built on. It teaches your coding agent Skybridge, then drives the rewrite.

## Install the Skill

<CodeGroup>
  ```bash npm theme={null}
  npx skills add alpic-ai/skybridge -s skybridge
  ```

  ```bash pnpm theme={null}
  pnpm dlx skills add alpic-ai/skybridge -s skybridge
  ```

  ```bash yarn theme={null}
  yarn dlx skills add alpic-ai/skybridge -s skybridge
  ```

  ```bash bun theme={null}
  bunx skills add alpic-ai/skybridge -s skybridge
  ```

  ```bash deno theme={null}
  deno run -A npm:skills add alpic-ai/skybridge -s skybridge
  ```
</CodeGroup>

## Prompt Your Agent

<Prompt description="`Migrate my app to /skybridge`" actions={["copy", "cursor"]}>
  Migrate my app to /skybridge
</Prompt>

Your agent scaffolds a Skybridge project, ports the [tools](/build/tools) and [views](/build/view), and wires them up. From there the same Skill handles ongoing work: building features, debugging, and [deploying](/ship).

<Info>
  Upgrading from Skybridge 1.x? Point your agent at the release notes instead: `Migrate my app based on https://github.com/alpic-ai/skybridge/releases/tag/v2.0.0`.
</Info>

<Info>
  If your app calls `window.openai` or the `ext-apps` protocol directly, the [feature mapping](/resources/apps-sdk-and-mcp-apps#feature-mapping) gives the Skybridge hook that replaces each one.
</Info>

## Go Further

<Columns cols={3}>
  <Card title="Register Tools" icon="wrench" href="/build/tools">
    Define what humans and agents can do
  </Card>

  <Card title="Create Views" icon="palette" href="/build/view">
    Craft interactive UIs rendered in conversation
  </Card>

  <Card title="Manage State" icon="database" href="/build/state">
    Decide what the model sees
  </Card>
</Columns>


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.