thesysdev/openui

何を解決するか

OpenUI は、LLM が単なるテキストではなく、インタラクティブなユーザーインターフェースを生成できるようにします。JSON を用いた構造化 UI の生成に伴う高コスト・高レイテンシの問題を解決しつつ、開発者がクライアント上でレンダリングされるコンポーネントを厳密に制御できるようにします。

動作方法

このフレームワークの中心は、OpenUI Lang と呼ばれるコンパクトでストリーミング最適化の言語です。開発者は Zod スキーマを用いてコンポーネントライブラリを定義し、OpenUI はそのライブラリに基づいてシステムプロンプトを生成します。その後、LLM は OpenUI Lang でストリーミング出力を生成し、クライアント側のレンダラがトークンが到着するごとに順次解析・レンダリングします。

対象ユーザー

AIアシスタント、コピロット、インタラクティブなプロダクトフローを開発している開発者向けです。React、Vue、Svelte アプリケーションに生成型UIを統合したい方におすすめです。

特徴

• トークン効率: JSONベースの形式と比較して最大67%少ないトークンを使用し、コストとレイテンシを削減。
• ストリーミング最適: モデルが生成するたびにUIコンポーネントを段階的にレンダリング。
• レンダラ非依存: React、Vue、Svelte への公式サポートあり。フレームワーク非依存のコアパーサーを備えています。
• ライブラリ駆動: 定義されたコンポーネントライブラリから自動的にモデルの指示を生成し、出力の一貫性を確保。
• 即時利用可能: チャート、フォーム、テーブルなどの組み込みコンポーネントライブラリと、事前構築されたチャットインターフェースを提供。