OpenAI、ChatGPTで情報をインタラクティブなUIに変換する「Visualize skill」を発表

何が発表されたのか

OpenAIは、ChatGPTおよびプログラミング支援AI「Codex」において、入力されたテキストやドキュメントを即座に操作可能なビジュアルインターフェースへと変換する新機能「Visualize skill（可視化スキル）」を発表しました。本発表は、同社のDeveloper Experience部門に所属するKatia Gil Guzman氏の実演デモを交えて行われました。

この「Visualize skill」は、従来のLLM（大規模言語モデル）が得意としていた「テキストによる要約」や「Markdownによる表形式の出力」という枠組みを大きく超えるものです。ユーザーがアップロードしたドキュメントを解析し、チャット画面内に直接、グラフィカルでインタラクティブなWebアプリケーションのようなUIを構築します。動画内では、すでに実際のChatGPT上で極めてスムーズに動作する様子が公開されており、プレビューまたは段階的な機能提供が開始されている段階にあるとみられます。

発表された機能・アップデートの全容

会議録からダッシュボードUIを自動生成する機能

デモでは、あるイベントの準備に関する長大な会議録ファイル「meeting-followups-demo-notes.md」がChatGPTにアップロードされました。ユーザーが「Visualize: can you create a visual summary of the meeting using meeting-followups-demo-notes.md（会議録を使って会議のビジュアルサマリーを作成してください）」と指示を入力すると、チャット画面内に「Create meeting visual summary」というタイトルの美しいダッシュボードが瞬時に生成されました。

このダッシュボードには、以下の要素が整理されて配置されています。

• Builder Weekのスケジュール範囲: 企画期間（Planning: Sep 8）から本番イベント（Event: Sep 24-25）までの日程が明示されます。
• Owner workload（担当者別の負荷状況）: プロジェクトメンバーである「VB」「Pauline」「Katia」の3名について、割り当てられたタスク数（例：VBは8タスク、Paulineは4タスク、Katiaは3タスク）と、それぞれの作業ピーク時期、承認作業の予定期間が、カラーバーと数値で直感的に表現されます。
• What was decided（決定事項）: 「Globe-first opening（地球儀を中心としたオープニング演出）」や「Three 35-minute workshops（35分間のワークショップ3セッション）」など、合意された内容がアイコン付きのカード形式で並びます。
• Delivery timeline（納品タイムライン）: 9月11日の「Draft workshop outlines（ワークショップ概要のドラフト作成）」から、9月24日の本番イベントまで、日付順に並んだタスクリストが担当者ごとの色付きドットと共にマッピングされます。
• Still needs a decision（要意思決定事項）: 「Live globe opening or prerecorded fallback?（生演出か事前収録のフォールバックか）」など、未解決の課題が整理されて表示されます。

カレンダービューへの動的な表示切り替え

生成されたダッシュボードは、静的な画像ではありません。ユーザーがチャット欄に「Actually, show me a calendar view（カレンダー表示で見せてください）」と追加の指示を打ち込むと、ChatGPTは同じデータを保持したまま、画面を「2026年9月」のカレンダーUIへと動的に切り替えました。

カレンダーの日付枠の中には、メンバーごとに色分けされたタスク（青：VB、オレンジ：Pauline、緑：Katia）が配置されます。例えば、9月14日には「Offline playback」、15日には「Globe fixes」と「Starter projects」、16日には「Responsive site」といったタスクが自動でカレンダー上にマッピングされます。これにより、プロジェクトの進行スケジュールを日付単位で直感的に把握できるようになります。プロンプトに応じて、提示するUIの形式を自在に変更できる柔軟性が実証されました。

インタラクティブなタブUIとアクションボタンの埋め込み

さらに高度なデモとして、「Builder Week follow-ups」というタスク管理画面が提示されました。この画面の上部には、「Things that need attention (4)（注意が必要な事項：4件）」と「Decisions still needed (4)（意思決定が必要な事項：4件）」という2つのタブが配置されています。ユーザーが画面上でこれらのタブをマッピング・クリックすることで、表示内容が瞬時に切り替わります。

このUIの最大の特徴は、システムと連動する「アクションボタン」をUI内部に埋め込める点にあります。デモ画面では、未決定事項であるオープニング演出の課題の下部に「Search Slack context（Slackの文脈を検索）」というボタンが配置されました。Katia氏がこのボタンを画面上でクリックすると、ChatGPTのチャット入力欄に「Search Slack for context relevant to this unresolved Builder Week planning decision...（この未解決の計画決定に関連するSlackの文脈を検索してください）」という詳細な検索プロンプトが自動的に生成・入力され、実行されました。これは、生成されたUIが単なる表示領域ではなく、LLMの実行環境と双方向に通信するエージェント的な役割を果たしていることを意味します。

成果物の画像書き出しとWebサイトとしての公開機能

生成されたビジュアルインターフェースの右上には「...」というメニューボタンが用意されています。ここをクリックすることで、以下の2つの共有アクションを実行できます。

• Copy as image（画像としてコピー）: 表示されているダッシュボードやカレンダーを、そのまま高解像度の画像データとしてクリップボードにコピーします。プレゼンテーション資料や他のチャットツールへ素早く貼り付けることができます。
• Publish to Sites...（サイトに公開）: 生成されたUIを、OpenAIがホストするWebサイトとして即座にデプロイします。発行された共有リンクをチームメンバーに送ることで、ChatGPTのアカウントを持っていないメンバーでも、ブラウザ上で同じインタラクティブなUIを閲覧・操作することが可能になります。