CopilotKit/OpenIntelligentUI

해결하는 문제

Open Intelligent UI는 AI 채팅 인터페이스에서 정적 텍스트 응답의 한계를 해결합니다. 표준 채팅 답변을 3D 모델, 인터랙티브 차트, 계산기와 같은 대화형 시각적 기능 도구로 변환하여 사용자가 텍스트만으로보다 더 역동적으로 데이터와 개념을 탐색할 수 있게 합니다.

작동 방식

이 시스템은 작업 우선 시스템 프롬프트와 특정 기술을 갖춘 Python 기반 "Deep Agent"를 사용합니다. 이 에이전트는 CopilotKit을 통해 Next.js 프론트엔드에 통합됩니다. 요청에 따라 에이전트는 렌더러를 선택합니다: 기본 테이블은 A2UI를 사용하고, 차트, 지도, 계산기와 같은 더 복잡한 시각 자료는 Open Generative UI로 처리됩니다. 맞춤형 인터랙티브 요소는 generateSandboxedUi 도구를 사용하여 격리된 iframe으로 HTML, CSS, JavaScript로 스트리밍되어 로컬 컨트롤과 인터랙티브 피드백을 가능하게 합니다.

대상 사용자

텍스트 기반 채팅을 넘어 대화 내에서 인터랙티브 시각화, 기능적 미니 도구, 동적 설명을 제공하는 AI 인터페이스를 구축하려는 개발자.

주요 특징

• 인터랙티브 도구 생성: 작동하는 컨트롤이 있는 비용 분할기나 플래너와 같은 도구를 즉석에서 생성할 수 있습니다.
• 동적 시각화: 3D 설명(예: 회전하는 항공기 모델), 핀과 사진이 있는 인터랙티브 지도, 데이터 차트를 지원합니다.
• 샌드박스 실행: 보안과 기능을 위해 맞춤형 UI 코드를 격리된 iframe으로 스트리밍합니다.
• 유연한 라우팅: 시각화 라우터(Jev)를 사용하여 텍스트 답변, 네이티브 컴포넌트 또는 맞춤형 인터랙티브 UI를 제공할지 결정합니다.