エージェントが画面そのものを組み立てるデモ
CopilotKitのサンプル a2ui-pdf-analyst は、PDFをチャットで投げると、AIエージェントが質問に応じてUIを動的に組み立てて返す実装例。使っているのはA2UI（Agent-to-UI）、エージェントが画面を構造化されたコンポーネント操作として記述するオープンプロトコルで、21個のコンポーネントカタログを共有する。
3つのルートで戦略を比較
/fixed は設計済みダッシュボードにデータだけ流し込む。/dynamic は質問に応じてコンポーネントを選んで組む。/catalog は21コンポーネントの一覧。同じ入力を複数の描画戦略で処理し、ブランドの統一を保ったまま出し分ける。
技術構成
フロントはNext.js 16・React 19・Tailwind v4・Recharts、バックエンドはPython 3.12・FastAPI・LangGraph、LLMはgpt-4o。PDFはテキスト抽出 → query_pdf で構造化JSON → generate_a2ui で操作生成 → レンダリング、の順で動く。
