생성형 UI를 위한 오픈 표준AI 앱이 텍스트 대신 카드, 표, 양식, 차트 같은 대화형 UI 컴포넌트로 응답하도록 만드세요. 스트리밍에 최적화되어 있고, 토큰 효율적이며, 모든 AI 모델(GPT, Claude, M2.5) 및 ai-sdk, Google ADK 같은 에이전트 프레임워크와 호환됩니다.
OpenUI는 AI 애플리케이션이 일반 텍스트 대신 카드, 테이블, 폼, 차트 등 상호작용 가능한 UI 컴포넌트로 응답할 수 있게 해주는 오픈소스 표준 및 툴킷입니다. AI 모델이 원시 JSON이나 마크다운을 출력하도록 강제하는 대신, OpenUI는 모든 LLM이 생성할 수 있는 가볍고 스트리밍에 최적화된 언어(OpenUI Lang)를 정의합니다. 클라이언트 측의 렌더러가 이 언어를 파싱하여 실제 상호작용 가능한 React 컴포넌트로 변환합니다. 그 결과 토큰 효율적인 파이프라인이 탄생하며, GPT, Claude, Gemini, Mistral, DeepSeek 등 모든 주요 AI 모델과 함께 작동하고 Vercel AI SDK, LangChain, CrewAI, OpenAI Agents SDK 같은 에이전트 프레임워크와 통합됩니다.
@openuidev/react-lang의 defineComponent와 createLibrary를 사용하여 컴포넌트를 등록합니다. 각 컴포넌트는 props에 대한 Zod 스키마를 가지므로 AI가 제공해야 할 데이터를 정확히 알 수 있습니다. 처음부터 라이브러리를 구축하거나 ShadCN, Material Design, DaisyUI, Base UI 같은 기존 UI 라이브러리를 래핑할 수 있습니다.
라이브러리를 정의하면 OpenUI가 LLM이 OpenUI Lang으로 응답하는 방법을 알려주는 시스템 프롬프트를 구성합니다. 수동 프롬프트 엔지니어링이 필요 없습니다. 컴포넌트만 등록하면 툴킷이 나머지를 처리합니다.
모델은 UI 구조를 설명하는 간결하고 토큰 효율적인 언어를 출력합니다. 이 형식은 동등한 JSON 렌더링보다 최대 67.1% 적은 토큰을 사용하므로 응답 속도가 빨라지고 비용이 절감됩니다.
클라이언트 측 렌더러가 OpenUI Lang 스트림을 해석하고 해당 React 컴포넌트를 도착하는 대로 렌더링합니다. 렌더링 속도는 JSON 기반 대안보다 3배 빠르며, 네이티브 스트리밍을 지원하고 반응형 상태, 입력, 도구 연결 액션을 통해 UI를 상호작용 가능하게 유지합니다.
OpenUI는 JSON 부담이나 커스텀 파서 없이 AI 출력을 실제 상호작용 가능한 UI 컴포넌트로 변환합니다.
대부분의 생성형 UI 접근 방식은 LLM이 장황한 JSON을 출력하도록 강제하는데, 이는 느리고 토큰을 많이 소비하며 스트리밍하기 어렵습니다. OpenUI는 이를 스트리밍에 최적화되고 토큰 효율적인 목적에 맞게 설계된 언어로 대체합니다. 동일한 파이프라인이 React, React Native, Vue에서 작동하며 도구 및 MCP 서버를 통해 실시간 데이터 소스와 통합됩니다. 안전성도 내장되어 있습니다. 임의 코드 실행 없이 구조화된 컴포넌트 호출만 수행됩니다.
텍스트 응답을 넘어서는 AI 기반 앱을 구축 중이라면 더욱 그렇습니다. 챗봇이 예약 버튼이 있는 호텔 캐러셀, 실시간 데이터가 포함된 대시보드, 사용자 상호작용에 따라 업데이트되는 다단계 폼을 표시하길 원한다면 OpenUI가 이를 위한 표준 방식을 제공합니다. 특히 이미 Vercel AI SDK나 LangChain 같은 프레임워크를 사용 중이고 바퀴를 재발명하지 않고 풍부한 UI 출력을 추가하려는 경우에 유용합니다.
고려해볼 만한 다른 도구
Loading comments…
제작자
async_apple
웹사이트 방문
openui.com
프로젝트 정보
제품 키워드
