OpenGenerativeUI는 에이전트가 모든 답을 채팅 텍스트로 내보내는 대신, 작업에 맞는 인터랙티브 UI를 선택해 보여주도록 만든 오픈소스 프레임워크다. CopilotKit, Deep Agent, Skills, MCP 서버 구성을 함께 제공한다.
핵심 아이디어
생성형 UI의 목표는 “모델이 HTML을 마음대로 그리게 하는 것”이 아니다. 반복 가능한 UI 컴포넌트와 스킬을 준비해 두고, 에이전트가 현재 작업에 맞는 시각 표현을 고르게 하는 것이다.
| 상황 | 텍스트보다 나은 UI |
|---|---|
| 후보 비교 | 표, 카드 리스트, 필터 |
| 일정·상태 확인 | 타임라인, 칸반, 진행률 |
| 데이터 탐색 | 차트, 피벗, 드릴다운 |
| 승인 작업 | 명확한 액션 버튼과 확인 상태 |
MCP와의 연결
OpenGenerativeUI는 MCP 서버를 통해 UI 생성 관련 기능을 에이전트 도구로 노출할 수 있다. Claude Code 같은 클라이언트에서 MCP를 붙이면 에이전트가 UI 패턴, 스킬, 컴포넌트 결정을 도구 호출처럼 다루는 구조를 만들 수 있다.
프로덕션에서는 자유 생성보다 컴포넌트 카탈로그, 디자인 시스템, 접근성 기준, 권한 있는 액션 버튼을 명확히 제한하는 편이 안전하다.
관련 문서
- a2ui — 생성형 UI를 위한 이식 가능한 인터페이스 표준
- openui — UI 생성을 위한 오픈소스 도구 흐름
- agent-friendly-websites — AI 에이전트가 이해하고 조작하기 쉬운 웹사이트 설계
- mcp — 에이전트와 외부 시스템을 연결하는 표준 프로토콜
참고 자료
- CopilotKit/OpenGenerativeUI — GitHub 공식 저장소