Anthropicは最近 Claude に対話内で実行されるチャート、ダイアグラム、可視化などのインタラクティブなアーティファクトを提供しました。チャット内で表示されるクールな機能ですが、特定の提供者に限定されています。（出典）

自分が動かしているどんなモデルにも同じことを持ち込みたかった。だから作った。それは Inline Visualizer と呼ばれ、BSD-3 ライセンスで、ツール呼び出しをサポートするいかなるモデルでも動作します — Qwen、Mistral、Gemma、DeepSeek、Gemini、Claude、GPT、どれでも構いません。

実際に何をするのか:

これはモデルにデザインシステムとレンダリングツールを提供します。モデルはHTML/SVGの断片を書き、ツールはそれらをダークモード対応のテーマ付きシェルに包み、チャット内にインラインでレンダリングします。 iframeの嵌套の混乱はなく、外部サービスもAPIキーも不要。

注目すべき点は、挿入するJSブリッジです：可視化内の要素がチャットへメッセージを送信できる。 アーキテクチャ図のノードをクリックするとその部品についてモデルに質問が飛ぶ。クイズを解くとモデルがあなたの回答を採点する。フォームで好みを選択すると、モデルがあなたに合わせた推奨を提供します。

図を会話インターフェースに変換します。

レンダリングできるものの一部:

• ノードをクリックしてAIにその部品について尋ねるアーキテクチャ図
• 適切なダーク/ライトモードのテーマを適用したChart.js ダッシュボード
• AIが解答を評価するインタラクティブなクイズ
• あなたの選択を収集しモデルへ送る好みフォーム
• 展開可能なセクションとホバー効果を備えた解説
• モデルが作成できる文字通りの任意のHTML/SVG/JS

必要なもの:

• Open WebUI（セルフホスト型。結局ローカルで実行しています）
• ツール呼び出しをサポートする任意のモデル
• インストール手順に従って2つのファイルを貼り付けるのに1分未満

Claude Haiku と Qwen3.5 27b で試していますが、正直なところ本当の面白さはローカルモデルで動かすことです。あなたのモデルがまともなHTMLを書けるなら、これを使えます。

もちろん、このプラグインはローカルモデルのTPSが高いほど格好良くなります。 もしTPSが一桁しか出ない場合、レンダリングされた成果物が表示されるまで結構な待ち時間が生じるでしょう！

ダウンロード + インストールガイド

プラグイン（ツール + スキル）はここにあります: https://github.com/Classic298/open-webui-plugins
インストール手順はプラグインのフォルダ内の README にあります！

BSD-3 ライセンス。フォークして、修正して、自由に使えます。

注: デモ動画は Claude Haiku を使用しています。速くて安価だからです。このツールの主な目的は、どんなモデルでも動作することです — もしあなたのモデルがHTMLを書けてツール呼び出しを使えるなら、それは動作します。 Haiku は私の録画セッションを速くしました。Qwen3.5 27b でも試しましたが、動作は良好でしたが私のマシンでは少し遅かったです。