OpenIntelligentUI — 질문에 '작동하는 도구'로 답하는 오픈소스 챗 인터페이스

AI한테 "이번 주말 여행 코스 짜줘"라고 물었는데, 텍스트 말고 지도 위에 핀이 꽂힌 일정표가 바로 뜨면 어떨까요? 오늘 소개할 프로젝트는 그 장면을 오픈소스로 구현한 챗 인터페이스예요.

이게 뭐에요?

OpenIntelligentUI는 질문을 하면 설명·비교·작동하는 도구 형태의 UI로 답해주는 오픈소스 챗 인터페이스예요. AI 코파일럿 프레임워크로 알려진 CopilotKit 팀이 만들었습니다. CopilotKit의 소개에 따르면, ChatGPT에 새로 들어온 'Intelligent UI'(텍스트 대신 인터랙티브 UI로 답하는 방식)를 내 제품에 가져올 수 있는 오픈소스 템플릿이 컨셉트예요. 질문이 들어오면 에이전트가 내용에 맞춰 그냥 텍스트로 답할지, 기본 컴포넌트로 보여줄지, 아예 커스텀 인터랙티브 UI를 만들지를 고릅니다.

뭐가 재밌어요?

• 답변이 '작동하는 도구'가 돼요. "더치페이 계산해줘"라고 하면 총액·팁·인원수를 조절하는 계산기가 바로 뜨고, 값을 바꾸면 1인당 금액이 실시간으로 다시 계산됩니다.
• 3D로 설명해줘요. 비행기의 pitch·roll·yaw를 말로 푸는 대신, 축 라벨이 붙은 3D 비행기를 직접 돌려보고 각도를 바꿔볼 수 있어요.
• 표가 차트로 변해요. 요금제 비교 같은 걸 표로 보여준 뒤 "차트로 보여줘" 한 마디면 시각화가 따라옵니다. 기본 표는 A2UI, 차트·다이어그램·지도 같은 복잡한 시각물은 Open Generative UI가 맡아요.
• 지도는 진짜 지도예요. 해안 여행 일정 데모는 실제 지도 타일 위에 번호 핀과 장소 사진을 얹고, 핀이 떨어지는 애니메이션을 일시정지·재생·선택할 수 있습니다.
• 만들어진 UI는 격리된 공간에서 돌아요. 커스텀 UI는 HTML·CSS·JS가 격리된 iframe(샌드박스)으로 스트리밍돼서, AI가 만든 화면이 앱 본체를 건드릴 걱정이 없습니다.
• API 키는 브라우저 메모리에만 있어요. OpenAI 키와 Jev(시각화 라우터) 키를 채팅창 헤더에 직접 넣고 쓰고, 새로고침하면 지워집니다. 서버에 저장되지 않아요.

지금 상태는?

• 제작: CopilotKit (AI 코파일럿 오픈소스 프레임워크 팀)
• 라이선스: MIT — 클론해서 셀프호스팅 가능
• 지표: GitHub 스타 3,600개·포크 397개, GitHub Trending 일간 5위 배지 (2026-10-21 확인)
• 실행: Node.js 22+ · pnpm 9+ · Python 3.12+ · uv 필요, make setup → make dev로 로컬 실행. 모델 사용료는 본인 OpenAI·Jev 계정에 청구돼요.
• 구성: Next.js 프론트 + Python Deep Agent(FastAPI) 백엔드, CopilotKit·AG-UI 기반. 독립 실행형 MCP 서버도 선택 제공.

한 줄 평: "'답변'을 '앱'으로 바꿔주는, 가져다 쓰는 생성형 UI 템플릿."

링크 모음

• OpenIntelligentUI — GitHub 저장소