MCP Apps は AI チャット内でアプリを動かすプロトコル。 Figma・Slack・Asana 等が Claude / ChatGPT 上で直接操作できる仕組みです。
このデモではプロトコルの動作を可視化。 Viewer の Raw Data で構造化データ、Protocol Log で JSON-RPC の流れを確認できます。
ツールは構造化データだけ返し、UIテンプレートが受け取って描画。
ui:// スキームでテンプレートを取得、sandbox iframe内で実行。
Host↔iframe間はJSON-RPC over postMessageで標準化・監査可能。
UI操作がサーバーにtools/callを送信。プロンプト不要で更新。
左のチャットからUIを生成してみてください
AIが構造化データを生成 → UIリソースがレンダリング → クリック操作でサーバーと双方向通信