openui

OpenUIは、Generative UIアプリケーションを構築するためのオープンソースフレームワークであり、AIモデルがプレーンテキストではなく構造化されたインタラクティブなユーザーインターフェースを生成します。その中核となるのがOpenUI Langで、モデル生成のUI出力に特化して設計された、コンパクトでストリーミング優先の言語です。このフレームワークはレンダラー非依存であり、単一のフロントエンドフレームワークに縛られることはありませんが、公式のReactサポートと、Vue 3およびSvelte 5向けのコミュニティメンテナンスによるバインディングが同梱されています。 中心的なワークフローはシンプルです。開発者はコンポーネントライブラリ（チャート、フォーム、テーブル、レイアウトなど）を定義または再利用し、OpenUIはそのライブラリからシステムプロンプトを生成し、プロンプトがLLMに送信され、モデルがOpenUI Lang出力をクライアントにストリーミングし、レンダラーがトークン到着時にUIを段階的に解析・レンダリングします。このストリーミング優先の設計により、ユーザーは完全な応答を待つのではなく、インターフェースがリアルタイムで構築されるのを見ることができます。 主な差別化要因はトークン効率です。7つのUIシナリオにわたってtiktoken（GPT-5エンコーダー）で測定されたベンチマークでは、OpenUI Langは同等のJSONベース形式よりも最大67%少ないトークンを使用し、VercelのJSON-Renderと比較して平均約52.8%、Thesys C1 JSONと比較して51.7%の削減を示しています。トークン数の削減は、レイテンシの低下、APIコストの削減、およびファーストペイントまでの時間の短縮につながります。 このプロジェクトはモノレポとして構成され、複数のパッケージが含まれています。@openuidev/lang-coreは、React、Vue、Svelteに依存しないフレームワーク非依存の解析、プロンプト生成、およびランタイム評価を提供します。@openuidev/react-langは、Reactレンダリングランタイム、コンポーネントライブラリ定義、およびプロンプト生成を処理します。@openuidev/react-headlessは、独自のUIを持ち込みたいチーム向けに、ヘッドレスチャット状態管理とストリーミングアダプターを提供します。@openuidev/react-uiは、プリビルドのチャットレイアウトと2つの組み込みコンポーネントライブラリを提供し、動作するチャットエクスペリエンスへの最速のパスを実現します。@openuidev/react-emailは、モデル生成メール用のReact Emailコンポーネント定義を追加します。@openuidev/langchainは、LangChainおよびLangGraphエージェントと統合し、AG-UIを通じてOpenUIをストリーミングします。@openuidev/browser-bundleは、CDN、iframe、およびビルド不要の埋め込み用のプリビルドスクリプトタグバンドルを提供します。@openuidev/cliは、新しいプロジェクトをスキャフォールドし、ライブラリ定義からシステムプロンプトまたはJSONスキーマを生成します。 コンポーネントコントラクトはZodスキーマで定義され、型付きプロパティと構造を事前に提供します。このフレームワークは、組み込みのデータフェッチ、マルチプラットフォーム出力（ウェブ、モバイル、メール）、および一貫した出力フォーマットをサポートしています。Playgroundはopenui.com/playgroundで利用可能で、デフォルトのコンポーネントライブラリでライブ実験ができます。 OpenUIには、Claude Code、Codex、Cursor、CopilotなどのAIコーディングアシスタントと統合するAgent Skillも同梱されており、コンポーネントライブラリ設計、OpenUI Lang構文、システムプロンプト生成、レンダラー、SDKパッケージ、および不正なLLM出力のデバッグをカバーしています。このプロジェクトはMITライセンスの下で提供され、Thesysによってメンテナンスされており、活発なDiscordコミュニティと成長中の採用者リストがあります。