thesysdev/openui

해결하는 문제

OpenUI는 LLM이 단순한 텍스트가 아니라 인터랙티브한 사용자 인터페이스를 생성할 수 있도록 합니다. 구조화된 UI 생성에 있어 JSON 사용 시 발생하는 높은 토큰 비용과 지연 문제를 해결하면서도, 개발자가 클라이언트에서 렌더링할 컴포넌트를 엄격하게 제어할 수 있도록 합니다.

작동 방식

이 프레임워크의 핵심은 OpenUI Lang라는 컴팩트하고 스트리밍 우선의 언어입니다. 개발자는 Zod 스키마를 사용해 컴포넌트 라이브러리를 정의하고, OpenUI는 해당 라이브러리 기반으로 시스템 프롬프트를 생성합니다. 이후 LLM은 OpenUI Lang으로 스트리밍 출력을 생성하며, 클라이언트 측 렌더러는 토큰이 도착하는 즉시 이를 파싱하고 실시간으로 점진적으로 렌더링합니다.

대상 사용자

AI 어시스턴트, 코피로봇, 인터랙티브한 제품 흐름을 개발하는 개발자들을 위한 것입니다. React, Vue, Svelte 애플리케이션에 생성형 UI를 통합하고자 하는 분들에게 적합합니다.

주요 특징

• 토큰 효율성: JSON 기반 형식 대비 최대 67% 적은 토큰을 사용하여 비용과 지연을 줄입니다.
• 스트리밍 우선: 모델이 생성하는 동안 UI 컴포넌트를 토큰이 도착하는 대로 점진적으로 렌더링합니다.
• 렌더러 독립성: React, Vue, Svelte에 공식 지원하며, 프레임워크 독립적인 핵심 파서를 제공합니다.
• 라이브러리 기반: 정의된 컴포넌트 라이브러리에서 자동으로 모델 지침을 생성하여 일관된 출력을 보장합니다.
• 즉시 사용 가능: 차트, 폼, 테이블 등의 내장 컴포넌트 라이브러리와 사전 구축된 채팅 인터페이스를 포함합니다.