CopilotKit/OpenIntelligentUI
AI 에이전트가 답변을 상황별로 선택하는 오픈소스 채팅 UI
원제 CopilotKit/OpenIntelligentUI
스타 3,105당일 +174TypeScript
Key Point
생성형 UI로 AI 응답을 텍스트·표·도구로 자동 변환하는 패턴이 실제 프로덕션 앱에서 어떻게 구현되는지 확인할 수 있으며, 엔터프라이즈 유스케이스에 적용할 수 있는 기술 기초를 제공한다.
핵심 요약
- CopilotKit 기반의 오픈소스 생성형 UI 프레임워크로, 질문에 따라 텍스트 답변·비교 표·3D 시각화·계산기 등 적합한 형식의 응답을 자동으로 제시한다.
- 사용자가 질문하면 Python Deep Agent가 작업 우선 시스템 프롬프트로 실행되어 가장 효과적인 응답 형식을 선택하고, CopilotKit이 Next.js 앱으로 스트리밍한다.
- 기본 테이블은 A2UI로, 차트·다이어그램·계산기·지도는 Open Generative UI(Jev 라우터)로 렌더링되며, 사용자는 프로젝트를 클론해 자신의 모델과 시각화 라우터를 연결할 수 있다.
- 3D 평면 회전·비교 데이터를 차트로 변환·계산기·지도 탐색 등 데모 장면을 제공하며, 모든 스타터는 사전 녹화가 아닌 에이전트 실행으로 동작한다.
- Node.js 22+, pnpm 9+, Python 3.12+, uv가 필요하며 OpenAI API 키(chat-latest 모델)와 Jev API 키(jev-latest 라우터)로 실행된다.
- API 키는 첫 메시지 전송 시 채팅에서 요청되며, 브라우저 메모리에만 유지되고 저장되지 않으며, 서버를 통해 각 제공자에게 전송되고 LangSmith 추적은 비활성화된다.
- generateSandboxedUi로 HTML·CSS·JavaScript를 고립된 iframe으로 스트리밍하며, 커스텀 UI 파라미터는 initialHeight → placeholderMessages → css → html → jsFunctions → jsExpressions 순서로 전달되어야 한다.
- 사용자가 클릭한 후속 질문은 샌드박스의 유효성 검사 호스트 브릿지를 통해 선택된 값을 전송해 새로운 에이전트 턴을 시작할 수 있으며, 이전 출력은 별도 대화 아티팩트로 유지된다.
- 선택적 MCP 서버는 스킬 리소스·프롬프트 템플릿·assemble_document를 제공하고 HTML 문서를 텍스트로 반환하며, HTTP·stdio·Docker 설정을 지원한다.
- 배포 워크플로우에는 브라우저 확인 및 실제 제공자 스모크 테스트가 포함되어 있으며, 테스트와 빌드만으로는 모델 접근 또는 배포를 검증할 수 없다.
- MIT 라이선스로 공개되었으며, 프로젝트를 자신의 워크플로우에 맞게 개조하거나 기술 지원이 필요한 경우 엔지니어와 상담할 수 있다.
저장소 보기 ↗github.com