AIとの会話にインタラクティブなUIを埋め込む「MCP Apps」オープンスタンダードとして公開

MCPプロジェクトは2026年1月26日、MCPツールを使ったAIとの会話内でインタラクティブなUIコンポーネントを返すことができる「MCP Apps」をMCP公式の拡張機能として公開した。

MCP Apps - Bringing UI Capabilities To MCP Clients | Model Context Protocol Blog

AIアプリはMCPのツール機能を使ってさまざまなアプリやリソースとやりとりしているが、これまではテキストしか返すことができなかった。MCP Appsにより、MCPツールはテキストだけではなく、ダッシュボード、フォーム、描画など，会話中に直接レンダリングされるインタラクティブなUIコンポーネントを返すことができる。これまでOpenAI Apps SDKやMCP-UIといったベンダ独自の技術として同様の機能が開発されてきたが、MCP Appsはこれらを元に共通のオープンスタンダードとして構築され、このほど公開された。すでにChatGPT、Claude、Goose、Visual Studio CodeなどのクライアントがMCP Appsのサポートをリリースしている。

Giving Agents a Visual Voice: MCP Apps Support in VS Code

Today, the MCP community is announcing MCP Apps, the first official MCP extension. @code is the first major AI code editor with full MCP Apps support.

With MCP Apps, tool calls can now return interactive UI components that render directly in the conversation. Learn more:…
— Visual Studio Code (@code) January 26, 2026

Your favorite work tools are now interactive inside Claude

Your work tools are now interactive in Claude.

Draft Slack messages, visualize ideas as Figma diagrams, or build and see Asana timelines. pic.twitter.com/ROWwUOU5vA
— Claude (@claudeai) January 26, 2026

MCP Appsを使用したツールがUIリソースを宣言すると、ホストはそれをサンドボックス化されたiframe内にレンダリングし、ユーザーは会話の中で直接操作できるようになる。MCP Apps対応のツールにはUIリソースを指す_meta.ui.resourceUriフィールドが含まれ、サーバーサイドリソースはHTML/JavaScriptがバンドル化されたui://スキーム経由で提供される。これによって取得したリソースをサンドボックス化されたiframe内でレンダリングし、postMessage経由のJSON-RPCによる双方向通信を可能にする。

GitHubのext-appsリポジトリには地図やPDFサーバー、システムモニター、3D描画などの例が用意されており、試すことができる。このほかCanvaやSlack、FigmaなどがすでにMCP Appsに対応しており、ユーザーがAIツールとの会話の中でSlackの会話ウィンドウやFigmaの描画ツールを開いてインタラクティブにやりとりできる。

またMCP Apps APIにより、ユーザーがMCP Appsを作成することも可能。Node.js 18以降の環境で、MCP Apps Extensionパッケージをインストールすることで準備が完了。Claude Codeなどのコーディングエージェントにcreate-mcp-appエージェントスキルをインストールすることで、MCP Appsの作成を対話しながら進めることができる。