作者 modelcontextprotocol · modelcontextprotocol/ext-apps
MCPサーバーがインタラクティブなUIフラグメントを配信できるようにする公式拡張 — フォーム、チャート、ピッカーを会話の中にClaudeが直接表示します。
MCP Appsは公式に承認されたMCPの拡張仕様で、サーバーがチャットホストにレンダリングさせるインタラクティブUI（フォーム、チャート、ピッカーなど）を宣言できます。このリポジトリには仕様、リファレンスSDK（TypeScript）、サンプルが含まれています。
%APPDATA%\Claude\claude_desktop_config.json{
"mcpServers": {
"mcp-apps-protocol": {
"_doc": "Reference SDK; integrate as a library inside your MCP server or chatbot host."
}
}
}Claude Desktop → Settings → Developer → Edit Config を開く。保存後、アプリを再起動。
{
"mcpServers": {
"mcp-apps-protocol": {
"_doc": "Reference SDK; integrate as a library inside your MCP server or chatbot host."
}
}
}Cursor は Claude Desktop と同じ mcpServers スキーマを使用。プロジェクト設定はグローバルより優先。
{
"mcpServers": {
"mcp-apps-protocol": {
"_doc": "Reference SDK; integrate as a library inside your MCP server or chatbot host."
}
}
}Cline サイドバーの MCP Servers アイコンをクリックし、"Edit Configuration" を選択。
{
"mcpServers": {
"mcp-apps-protocol": {
"_doc": "Reference SDK; integrate as a library inside your MCP server or chatbot host."
}
}
}Claude Desktop と同じ形式。Windsurf を再起動して反映。
{
"mcpServers": [
{
"name": "mcp-apps-protocol",
"args": []
}
]
}Continue はマップではなくサーバーオブジェクトの配列を使用。
{
"context_servers": {
"mcp-apps-protocol": {
"command": {
"args": []
}
}
}
}context_servers に追加。保存時に Zed がホットリロード。
claude mcp add mcp-apps-protocol -- undefined ワンライナー。claude mcp list で確認、claude mcp remove で削除。
使うタイミング： ツールに破壊的な副作用があり、実行前にユーザーの確認を求めたい場合。
結果： MCPツールが構造化された確認を要求できるようになります。
MCPサーバーにfastmcpを使い、インタラクティブな部分にAppsを使う
| ツール | 入力 | 呼び出すタイミング | コスト |
|---|---|---|---|
| protocol-spec | (ドキュメント参照) | 呼び出し可能なツールなし — プロトコル拡張仕様です | 1 call |
ホストがAppをレンダリングしないホストがApps拡張をサポートしているか確認してください；オプトインが必要です
| 代替案 | 代わりに使う場面 | トレードオフ |
|---|---|---|
| promptで確認するシンプルなツール | ホストがAppsをサポートしていない場合 | 構造化された入力ができない |