MCP Apps 作為開放標準公開，支援在 AI 對話中呈現互動介面
AIとの会話にインタラクティブなUIを埋め込む「MCP Apps」オープンスタンダードとして公開
MCP 專案於 2026 年 1 月 26 日公開 MCP Apps，作為 MCP 官方擴展功能及開放標準，讓 MCP 工具在 AI 對話中返回可直接呈現的互動式 UI 元件。
MCP Apps 將過往由不同廠商各自開發的互動介面能力整理為共通開放標準，並交代已支援的客戶端與沙盒呈現方式。
MCPプロジェクトは2026年1月26日、MCPツールを使ったAIとの会話内でインタラクティブなUIコンポーネントを返すことができる「MCP Apps」をMCP公式の拡張機能として公開した。
AIアプリはMCPのツール機能を使ってさまざまなアプリやリソースとやりとりしているが、これまではテキストしか返すことができなかった。MCP Appsにより、MCPツールはテキストだけではなく、ダッシュボード、フォーム、描画など，会話中に直接レンダリングされるインタラクティブなUIコンポーネントを返すことができる。これまでOpenAI Apps SDKやMCP-UIといったベンダ独自の技術として同様の機能が開発されてきたが、MCP Appsはこれらを元に共通のオープンスタンダードとして構築され、このほど公開された。すでにChatGPT、Claude、Goose、Visual Studio CodeなどのクライアントがMCP Appsのサポートをリリースしている。
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 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の作成を対話しながら進めることができる。
來源：gihyo.jp · gihyo.jp