omdsh-dev/dsh-genui

何を解決するか

dsh-genui は、AIモデルからの静的なテキスト返信を、インタラクティブで視覚的なユーザーインターフェースに変換します。プレーンテキストの回答や生のコードブロックを受け取る代わりに、ユーザーはダッシュボード、チャート、インタラクティブなフォームなどのレンダリングされたコンポーネントを会話の流れの中に直接表示します。これにより、複雑なデータやインタラクションがより直感的で実行可能なものになります。

仕組み

このプロジェクトは、宣言的なJSON仕様を使用しています。AIモデルは、特別な dsh-ui コードフェンス内にUIの説明（例：テーブルやチャート）を記述します。その後、ブラウザ側のレンダラーがこのJSONをインターセプトし、安全でホワイトリスト化されたUIコンポーネントのセットに変換します。パフォーマンスを維持するため、コアレンダラーは軽量であり、ECharts、Mermaid、Three.js のような重いエンジンは必要なときにのみ遅延ロードされます。

対象ユーザー

DSHエコシステムを使用しているユーザーや開発者で、LLMとのテキストのみのやり取りを超え、チャットインターフェース内でリッチでアプリケーションのような体験を作成したいと考えている方を対象としています。

ハイライト

• Answer-as-UI: モデルがレスポンスをストリーミングする際、コンポーネントがリアルタイムでレンダリングされます。
• 広範なコンポーネントライブラリ: スタットカード、ソート可能なテーブル、ECharts、Mermaidダイアグラム、3D指向の要素を含む30以上のコンポーネント。
• Local-First Interaction: UIの状態変化（クイズの採点、タブの切り替え、プロット用のパラメータスライダーなど）は、モデルへのラウンドトリップを必要とせず、クライアントサイドで即座に発生します。
• Persistent Session Panels: その場で更新可能な、永続的なワークスペースのためのリサイズ可能なドックをサポートしています。
• Safe Rendering: 厳格なホワイトリストと関数式用のスタンドアロンパーサーを使用して、任意のスクリプトの実行を防止します。