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 Apps)이 생성형 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.