スポンサーLobeHubLobeHub詳しく見る
dshfind
プラグイン一覧へ戻る
注目プロジェクトベータユーザーパネル強化

DSH の回答はテキストだけである必要はない。モデルが visualize を呼ぶと、Web UI が会話内にインタラクティブなカードを描画する——シミュレータ、グラフ、比較パネル、UI モックアップ。

Star
115+33
過去7日間の増加
コントリビューター
1
言語
TypeScript
更新
2026-08-15
インストール
パッケージ情報から推定
dsh plugin --profile web add github:Nagi-ovo/dsh-visualize

作者が npm に公開していないため、このコマンドは git のソースを取得します。pnpm ≥ 10 は git 依存の prepare スクリプトを明示的な許可なしには実行しないので、初回インストールにはその profile の pnpm-workspace.yaml に allowBuilds の記述が必要です——これはこのパッケージのコードを自分のマシンで実行させることを意味します。あわせて #commit で固定することを勧めます。

--profile の後ろは自分で付ける profile 名です。使っているものに置き換えてください。

編集部ノート

モデルが HTML 断片を書き、visualize(path, title?, mode?) を呼ぶと、カードが会話の流れの中に現れます。「パラメータを調整できるソートアルゴリズムの可視化を作って」と言うだけでよく、並列比較には mode: "wide" を使います。カードは DSH のライト/ダークテーマとホエールブルーの配色に従い、セッション再生時は永続化されたツール結果から復元されるため、元の断片ファイルをディスクに残す必要はありません。セキュリティ境界も明記されています:各カードは opaque origin のサンドボックス iframe 内で動作しホストページに触れられず、CSP がネットワークリクエスト・入れ子ページ・フォーム送信を遮断しつつ固定された CDN の静的アセットのみ許可し、断片は既定で 1000000 バイトに制限されます。制約も明快で、インタラクティブカードは現状 Web UI でのみ描画され、TUI と headless クライアントは標準のツール結果を表示します。

  • モデルが visualize(path, title?, mode?) を呼ぶだけで会話内にインタラクティブカードを描画、並列比較は mode: "wide"
  • opaque origin のサンドボックス iframe、CSP がネットワークとフォーム送信を遮断、断片は既定 1000000 バイト上限
  • セッション再生は永続化ツール結果からカードを復元。Web UI 限定で TUI/headless は標準結果にフォールバック
スコア内訳
評価日 2026-08-14
アクティビティ
17.9
Star 熱量
22.9
エンジニアリング
19
メンテナー
14

对话内生成式交互卡片插件,提交构建产物免装机构建;作者 1.9 万星既往

シェアカード

README に貼るとこのページにリンクします。

バッジ(1 行)
バッジ(1 行)
[![dshfind](https://dshfind.com/api/badge/Nagi-ovo/dsh-visualize?lang=ja)](https://dshfind.com/ja/plugins/Nagi-ovo/dsh-visualize?ref=badge)
カード(440×200)
カード(440×200)
[![dshfind](https://dshfind.com/api/card/Nagi-ovo/dsh-visualize?lang=ja)](https://dshfind.com/ja/plugins/Nagi-ovo/dsh-visualize?ref=badge)