omdsh-dev/dsh-genui

これは何？

主な機能

• 01返信内に統計カード、表、チャート、タブ、アコーディオン、ファイルツリーを表示します。
• 02EChartsのチャートとMermaidの図に対応し、レンダリングエンジンは必要に応じて読み込みます。
• 03パラメーターのスライダー操作に応じて、曲線をブラウザー内で再描画する関数プロットを表示します。
• 04クイズや選択式フォームを提供し、ブラウザー内での採点と、モデルへの任意のアクション送信に対応します。
• 05更新内容をその場に反映する、常設のセッションパネルを表示します。
• 06表示が確定したコンポーネントを、単体で動作するHTMLまたはJSONとしてエクスポートします。

ユースケース

• チャットの回答内で、注文やサービスの指標をダッシュボードとして表示する。
• モデルが生成したインタラクティブなクイズや練習問題を作成する。
• 調整可能なプロットやチャートで、数学やデータを可視化する。
• ボタンやフォームを通じて、モデルの提案に対する操作をユーザーが行えるようにする。

クイックスタート

1. 1

   pnpm がない場合はインストールします（corepack enable）

   corepack enable
2. 2

   DSH にプラグインをインストールして有効化します

   dsh plugin --profile web add @changfenhuang/dsh-genui
3. 3

   dsh web を再起動し、ハードリロードして、新しいセッションを開始して確認します

使う前に知っておきたいこと

• !DSH ^0.2.0-rc.1 || ^0.2.1-rc.1 と、PATH に含まれる pnpm が必要です。
• !ホスト側でクライアントの有効化と、slots および sessions サービスの提供が必要です。
• !実際のモデルを使ったエンドツーエンドテストには、モデルの認証情報を設定する必要があります。
• !npm から誤ったパッケージ名でインストールすると、dsh-genui という無関係なプロジェクトがインストールされる可能性があります。

トピック

よくある質問

dsh-genui とは？

DSH用プラグイン。アシスタントの返信内に、チャート、表、フォーム、クイズ、プロット、MermaidなどのインタラクティブなUIコンポーネントをインライン表示します。 dsh-genuiは、モデルの回答にプレーンテキストだけでなく、インタラクティブなUIコンポーネントを含められるDSH用プラグインです。モデルがdsh-uiのコードフェンス内にJSON形式の定義を書くと、ブラウザー側のレンダラーがそれを統計カード、ソート可能な表、EChartsやMermaidのチャート、フォーム、クイズ、関数プロット、常設のセッションパネルに置き換えます。周囲のテキストはそのまま表示されます。

dsh-genui は無料で使えますか？ライセンスは？

dsh-genui は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。

dsh-genui は今もメンテナンスされていますか？

活発にメンテナンス中。dsh-genui の最終コミットは 2026年10月19日 です。

dsh-genui は何に使えますか？

チャットの回答内で、注文やサービスの指標をダッシュボードとして表示する。 モデルが生成したインタラクティブなクイズや練習問題を作成する。 調整可能なプロットやチャートで、数学やデータを可視化する。 ボタンやフォームを通じて、モデルの提案に対する操作をユーザーが行えるようにする。

dsh-genui のインストール方法は？

pnpm がない場合はインストールします（corepack enable）: corepack enable DSH にプラグインをインストールして有効化します: dsh plugin --profile web add @changfenhuang/dsh-genui dsh web を再起動し、ハードリロードして、新しいセッションを開始して確認します

dsh-genui はどこで入手できますか？

ソースコードとインストール手順は GitHub にあります：https://github.com/omdsh-dev/dsh-genui