Skip to content
mountly

MCP Apps

You need interactive UI next to an MCP tool result. MCP Apps (SEP-1865) is the protocol. mountly-mcp is the View kit: component, ui:// artifact, local host, then registerMcpApps on your server.

Terminal window
npx mountly-mcp create my-app --framework react
cd my-app && pnpm install && pnpm dev

That opens a sandboxed AppBridge host against your server.mjs. Point Claude Desktop or VS Code at serve-stdio.mjs when you leave the laptop preview. Host matrix.

Agent Skills

Section titled “Agent Skills”
Skill Ask for
create-mcp-app “Create an MCP App”
add-app-to-server “Add UI to my MCP server”
convert-web-app “Turn my component into an MCP App”
migrate-ext-apps “Migrate from ext-apps”

Install steps: Agent Skills.

import { createMcpView } from "mountly-mcp/react";
import Dashboard from "./Dashboard";


createMcpView(Dashboard);

mountly-mcp build writes HTML plus dist/mountly-mcp.manifest.json. registerMcpApps() loads that manifest into an unconnected McpServer.

Pick a path

Section titled “Pick a path”
You have You run
Empty folder mountly-mcp create
Existing React / Vue / Svelte UI createMcpView + Vite
Second View in the same project mountly-mcp add
Production MCP server registerMcpApps() before connect
Host or bridge protocol work @modelcontextprotocol/ext-apps

You keep auth, transports, prompts, ordinary tools, and deploy. Mountly owns View build, bridge HTML, and registration. The wire protocol stays on @modelcontextprotocol/ext-apps.

Install

Section titled “Install”
Terminal window
# React (default). mountly + mountly-react come with mountly-mcp.
npm install mountly-mcp react react-dom
npm install @modelcontextprotocol/sdk   # if you import McpServer
npm install -D vite @vitejs/plugin-react


# Vue or Svelte
npm install mountly-mcp mountly-vue vue   # or mountly-svelte + svelte

Floor: Node 20+, React 19, Vite 8. Check with npx mountly-mcp doctor.

Modules

Section titled “Modules”
Module Job
mountly-mcp/react (also /vue, /svelte) Wrap a component; expose tool data
mountly-mcp/vite + /artifact Emit and read App artifacts
mountly-mcp/server registerMcpApps on your McpServer
CLI dev / verify Local AppBridge host and CI checks

Docs map

Section titled “Docs map”
Page Use when
vs ext-apps You wonder if you need the official SDK alone
Quick start You wire Vite by hand
Host matrix You connect Claude, VS Code, or ChatGPT
Examples You want copy-paste shapes
Build Multi-View manifests
Production Existing server install
Dev and verify dev, doctor, CI
How it works Lifecycle and text-only hosts

Catalog-driven generative UI lives under Generative UI. Skip it until createMcpView is boring.