copilotkit/generative-ui

🔮 エージェント向け生成UIです

ユーザーに適応するアプリを作りましょう。

生成UIリソース

• 生成UIとは何か?

• 生成UIの3つのタイプ

• 制御生成UI(AG-UI)

• 宣言的生成UI(A2UI + Open-JSON-UI)

• オープンエンド生成UI(MCPアプリ)

• 実例:Excalidraw MCPアプリ

• オープン生成UI(useComponent)

• 生成UIプレイグラウンド

• ブログ

• ビデオ

• 追加資料

• 貢献

https://github.com/user-attachments/assets/ed28c734-e54e-4412-873f-4801da544a7f

このリポジトリでは、エージェント型UIプロトコル(AG-UI、A2UI、MCPアプリ)が生成UIパターン(制御型、宣言型、オープンエンド型)をどのように可能にし、CopilotKitを使ってそれらを実装する方法を解説します。

👉 OpenGenerativeUI - エージェント系アプリで生成UIを構築するオープンソースフレームワーク

👉 生成UIガイド(PDF) - 生成UIの概念的概要で、トレードオフ、UIサーフェス、エージェントUIプロトコルの連携に焦点を当てています。

---

生成UIとは何か?

Generative UI Resources

• What is Generative UI?

• The 3 types of Generative UI

  • Controlled Generative UI (AG-UI)
  • Declarative Generative UI (A2UI + Open-JSON-UI)
  • Open-ended Generative UI (MCP Apps)
    • Real-world example: Excalidraw MCP Apps
  • Open Generative UI (useComponent)

• Generative UI Playground

• Blogs

• Videos

• Additional Resources

• Contributing

https://github.com/user-attachments/assets/ed28c734-e54e-4412-873f-4801da544a7f

This repository walks through how agentic UI protocols (AG-UI, A2UI, MCP Apps) enable Generative UI patterns (Controlled, Declarative, Open-ended) and how to implement them using CopilotKit.

👉 OpenGenerativeUI - Open source framework for building Generative UI in agentic apps

👉 Generative UI Guide (PDF) - a conceptual overview of Generative UI, focused on trade-offs, UI surfaces and how agentic UI protocols work together.

---

What is Generative UI?

Generative UI is a pattern in which parts of the user interface are generated, selected, or controlled by an AI agent at runtime rather than being fully predefined by developers.