Skip to main content
ClaudeWave

Official repo for spec & SDK of MCP Apps protocol - standard for UIs embedded AI chatbots, served by MCP servers

MCP Servers2.4k stars314 forksTypeScriptNOASSERTIONUpdated 7d ago
Editor's note

MCP Apps is the official specification and TypeScript SDK for embedding interactive user interfaces directly inside AI chat clients via MCP servers. Rather than returning only text or structured data from MCP tools, developers can now attach rich UI components such as charts, forms, dashboards, and design canvases to tool responses, which then render inline inside Claude, ChatGPT, VS Code, and other compliant clients. The repository ships the formal protocol spec, the `@modelcontextprotocol/ext-apps` npm package, and four Agent Skills installable through Claude Code (`create-mcp-app`, `migrate-oai-app`, `add-app-to-server`, and `convert-web-app`) that let an AI coding agent scaffold, migrate, or augment MCP servers with UI support. A notable concrete example in the README shows a fully functional Excalidraw drawing canvas running inline inside Claude. The project targets MCP server authors who want to move beyond text-only tool output and deliver interactive experiences without building separate web applications.

ClaudeWave Trust Score
100/100
Verified
Passed
  • License: NOASSERTION
  • Actively maintained (<30d)
  • Healthy fork ratio
  • Clear description
  • Topics declared
  • Trusted owner (modelcontextprotocol)
Last scanned: 6/11/2026
Install in Claude Code / Claude Desktop
Method: Manual
Claude Code CLI
git clone https://github.com/modelcontextprotocol/ext-apps
claude_desktop_config.json (Claude Desktop)
{
  "mcpServers": {
    "ext-apps": {
      "command": "node",
      "args": ["/path/to/ext-apps/dist/index.js"]
    }
  }
}
1. Run the command above in your terminal (Claude Code), or paste the JSON config into claude_desktop_config.json (Claude Desktop).
2. Replace any <placeholder> values with your API keys or paths.
3. Restart Claude. The MCP server and its tools appear automatically.
💡 Clone https://github.com/modelcontextprotocol/ext-apps and follow its README for install instructions.

4 items in this repository

This skill should be used when the user asks to "add an app to my MCP server", "add UI to my MCP server", "add a view to my MCP tool", "enrich MCP tools with UI", "add interactive UI to existing server", "add MCP Apps to my server", or needs to add interactive UI capabilities to an existing MCP server that already has tools. Provides guidance for analyzing existing tools and adding MCP Apps UI resources.

Install

This skill should be used when the user asks to "add MCP App support to my web app", "turn my web app into a hybrid MCP App", "make my web page work as an MCP App too", "wrap my existing UI as an MCP App", "convert iframe embed to MCP App", "turn my SPA into an MCP App", or needs to add MCP App support to an existing web application while keeping it working standalone. Provides guidance for analyzing existing web apps and creating a hybrid web + MCP App with server-side tool and resource registration.

Install

This skill should be used when the user asks to "create an MCP App", "add a UI to an MCP tool", "build an interactive MCP View", "scaffold an MCP App", or needs guidance on MCP Apps SDK patterns, UI-resource registration, MCP App lifecycle, or host integration. Provides comprehensive guidance for building MCP Apps with interactive UIs.

Install

This skill should be used when the user asks to "migrate from OpenAI Apps SDK", "convert OpenAI App to MCP", "port from window.openai", "migrate from skybridge", "convert openai/outputTemplate", or needs guidance on converting OpenAI Apps SDK applications to MCP Apps SDK. Provides step-by-step migration guidance with API mapping tables.

Install

MCP Servers overview

README preview not available. Visit the repo on GitHub for full documentation.
aiappsmcpmcp-appsmodelcontextprotocolui

What people ask about ext-apps

What is modelcontextprotocol/ext-apps?

+

modelcontextprotocol/ext-apps is mcp servers for the Claude AI ecosystem. Official repo for spec & SDK of MCP Apps protocol - standard for UIs embedded AI chatbots, served by MCP servers It has 2.4k GitHub stars and was last updated 7d ago.

How do I install ext-apps?

+

You can install ext-apps by cloning the repository (https://github.com/modelcontextprotocol/ext-apps) or following the README instructions on GitHub. ClaudeWave also provides quick install blocks on this page.

Is modelcontextprotocol/ext-apps safe to use?

+

Our security agent has analyzed modelcontextprotocol/ext-apps and assigned a Trust Score of 100/100 (tier: Verified). See the full breakdown of passed checks and flags on this page.

Who maintains modelcontextprotocol/ext-apps?

+

modelcontextprotocol/ext-apps is maintained by modelcontextprotocol. The last recorded GitHub activity is from 7d ago, with 161 open issues.

Are there alternatives to ext-apps?

+

Yes. On ClaudeWave you can browse similar mcp servers at /categories/mcp, sorted by popularity or recent activity.

Deploy ext-apps to your cloud

Ship this repo to production in minutes. Each platform spins up its own environment with editable env vars.

Maintain this repo? Add a badge to your README

Drop the badge into your GitHub README to show it's tracked on ClaudeWave. Each badge links back to this page and reflects the live Trust Score.

Featured on ClaudeWave: modelcontextprotocol/ext-apps
[![Featured on ClaudeWave](https://claudewave.com/api/badge/modelcontextprotocol-ext-apps)](https://claudewave.com/repo/modelcontextprotocol-ext-apps)
<a href="https://claudewave.com/repo/modelcontextprotocol-ext-apps"><img src="https://claudewave.com/api/badge/modelcontextprotocol-ext-apps" alt="Featured on ClaudeWave: modelcontextprotocol/ext-apps" width="320" height="64" /></a>

More MCP Servers