ext-apps

Overview

MCP Apps extends the Model Context Protocol to allow developers to create interactive UI components like charts, forms, and design canvases that render directly within chat clients. It provides a standardized way for MCP servers to deliver rich UI experiences alongside traditional text-based tool outputs. The SDK supports multiple roles: building interactive Views, embedding Views in host clients, and registering tools with UI metadata on MCP servers.

Try asking AI

After installing, here are 5 things you can ask your AI assistant:

• create-mcp-app

  Scaffolds a new MCP App with an interactive UI from scratch

  Try:Create an MCP AppTry:Build a new interactive MCP application
• migrate-oai-app

  Converts an existing OpenAI App to use MCP Apps

  Try:Migrate from OpenAI Apps SDKTry:Convert my OpenAI app to MCP
• add-app-to-server

  Adds interactive UI to an existing MCP server's tools

  Try:Add UI to my MCP serverTry:Enhance my server with interactive UI
• convert-web-app

  Turns an existing web app into a hybrid web + MCP App

  Try:Add MCP App support to my web appTry:Convert my web application to MCP

Note: Tool names extracted from the 'Build with Agent Skills' section which lists MCP Apps agent skills. These appear to be the primary tools exposed by this server.

Comparable tools

Installation

npm install -S @modelcontextprotocol/ext-apps

{
  "mcpServers": {
    "mcp-apps": {
      "command": "npx",
      "args": ["@modelcontextprotocol/ext-apps"]
    }
  }
}

FAQ

What chat clients support MCP Apps?

MCP Apps is supported by Claude, ChatGPT, VS Code, Goose, Postman, and other compliant clients. Support varies by host - see the clients page for the full list.

How do MCP Apps communicate with the host?

Communication happens through a sandboxed iframe. The host passes tool data to the UI via notifications, and the UI can call other tools through the host's app-bridge.

Compare ext-apps with