Nagi-ovo/dsh-visualize

解決する問題

このプロジェクトにより、DSH（デスクトップシェル）環境内のAIモデルは、チャットインターフェース内で直接インタラクティブなビジュアルコンポーネントを生成できます。ユーザーはテキストのみを受け取るのではなく、モデルがその場で生成したシミュレーター、チャート、比較パネル、UIモックアップと対話できます。

仕組み

このプラグインはAIモデルにvisualizeツールを提供します。モデルがこのツールを呼び出すと、サンドボックス化されたiframe内でレンダリングされるHTMLフラグメントを渡します。プラグインは2つのモードをサポートしています：小さなコンポーネント用の標準チャットカードと、複雑なダッシュボードや全画面モックアップ用の「ページ」モードです。システムのライト/ダークテーマに適応する5つの組み込みビジュアルスタイル（例：「スケッチ」、「ターミナル」、「ペーパー」）が含まれており、ユーザーはMarkdownファイルを介してカスタムスタイル設定を定義できます。

対象ユーザー

テキストベースのLLM応答を超えて、AIを活用したワークスペース内で機能的なインタラクティブツール、データ可視化、UIプロトタイプを直接作成したいDSHユーザー向けに設計されています。

ハイライト

• インタラクティブUI生成：モデルがチャートやシミュレーターなどのライブでインタラクティブな要素を作成できます。
• 永続状態：カードはローカルに保存され、セッションをまたいで永続化し、チャット再生中も表示可能です。
• テーマスタイリング：ホストのライト/ダークモード設定を自動的に尊重する5つの異なるビジュアルテーマが含まれています。
• 安全な実行：生成されたすべてのコンテンツは、厳格なコンテンツセキュリティポリシー（CSP）を持つサンドボックス化されたiframe内で実行され、ホスト環境が保護されます。
• 増分更新：updateアクションをサポートし、モデルがコンポーネント全体を再生成せずに既存のカードの特定部分を変更できます。