thesysdev/openui

요약

OpenUI는 JSON보다 최대 67% 더 토큰 효율적인 스트리밍 우선 언어인 OpenUI Lang을 기반으로 하는 풀스택 Generative UI 프레임워크입니다. 이 프레임워크는 모델 출력을 단순한 텍스트가 아닌 구조화된 컴포넌트로 파싱하고, 이를 React 환경에서 점진적으로 렌더링할 수 있게 합니다. 핵심 기능으로는 내장 컴포넌트 라이브러리를 활용하여 시스템 프롬프트를 생성하고, 스트리밍 과정 중에도 UI를 실시간으로 업데이트하는 것이 포함됩니다. OpenUI는 채팅 인터페이스뿐만 아니라 보조자(assistant)나 코필로터와 같은 다양한 상호작용 제품 플로우에 적용 가능하며, 개발자들이 쉽게 시작할 수 있도록 CLI 도구와 실행 가능한 예제들을 제공합니다.

핵심 포인트

• **OpenUI Lang:** 구조화된 UI 생성을 위해 설계된 컴팩트하고 스트리밍 우선의 언어입니다. 모델 출력을 텍스트가 아닌 컴포넌트로 처리하여 효율성을 극대화합니다.
• **구조화된 스트리밍 렌더링:** LLM이 토큰을 생성하는 동안, OpenUI는 도착하는 데이터를 파싱하여 React UI를 점진적으로 업데이트(Streaming Renderer)할 수 있습니다.
• **컴포넌트 기반 프롬프트 엔지니어링:** 시스템 프롬프트를 작성할 때 미리 정의된 컴포넌트 라이브러리를 활용하여 모델의 출력을 제어하고 구조화합니다.
• **토큰 효율성 및 성능 우위:** 기존 JSON 기반 스트리밍 방식 대비 최대 67% 적은 토큰을 사용하여 비용과 속도 면에서 큰 이점을 제공합니다.
• **풀스택 지원:** React 런타임, CLI 도구, 그리고 다양한 컴포넌트 라이브러리를 포함하여 엔드투엔드 Generative UI 앱 개발을 지원합니다.