マルチエージェントチャット
エージェントを使う製品向けの、完成したUIです。個別・グループの会話にエージェントを参加させ、それぞれに固有の設定を持たせ、独自の応答サービスに接続できます。動くアバター、再利用できるエージェント作成画面、プラグインのマーケットプレイス、ブラウザーへの自動保存を含みます。
インストール
マルチエージェントチャットはBoardUI Proテンプレートです。
ダークモード対応：この テンプレート はBoardUIのセマンティックトークンに合わせて自動で切り替わります。 テーマスイッチの設定.
共有UIパッケージや独自のインポートエイリアスを使う場合は、 インストールパスの設定 をCLIの実行前に設定してください。コピー＆ペーストの例は、標準のインポートを使います。
含まれるもの
テンエージェント、7つのスターターの会話、個人やグループチャット、検索可能な会話サイドバー、ピン留め、リネーム、グループ編集、およびコンパクトなコンテクストメニュー。ワークスペースには、コンポーサー、タブベッドのマーケットプレース、設定、テーマコントロール、およびレスポンシブエージェントエディタが含まれます。ソース、デモデータ、およびテンプレートで出荷に応じてコンポーネント。
つながりを感じる会話
エージェントをコンパクトなカプセルとして選択し、アバターが集まります。 グループを始めると、ピッカーからチャットにクラスターが集まります。 最初のメッセージでは、アバターの答えがその思考状態に落ち着きますが、エージェントは会話バッジに固定されたアークをフォローします。 減らされた感情の設定は、旅行アニメーションをスキップします。
再利用可能なエージェント作成者
名前、説明、アバター形状、表現、色、音声、再生速度をカスタマイズします。同じサイドバーはスタンドアローンとして利用できます。 エージェント作成ブロック、あなた自身の適用のための制御された状態を使って。
アニメーションアバター
Avatarsは、軽量なキャンバスレンダラーを共有します。目は独立してさまざまで、折り畳まれたレイヤーとともに形状を変え、感情の軽減が尊重されます。感情セレクターは、矢印キーをスクロールしてサポートするように繰り返します。
import { AgentAvatar } from "@/components/application/agent-avatar/agent-avatar";import { FOLD_CONFIG } from "@/components/application/agent-avatar/model";
<AgentAvatar config={{ ...FOLD_CONFIG, foldShape: "slender", foldDepth: 15, lookAt: "wander" }} size={162} />エージェントを接続する
プレビューは、ラベル付きサンプルの返信を使用します。 供給 onRespond サービスに接続するには、各参加者が会話と退屈な信号を受信します。アプリケーションのエンドポイントの例を実装します。 initialWorkspace 自分の開始エージェントと会話のために、 defaultEditorId={null} エディタを閉じて起動します。 設定 storageKey カスタムキー、または null ブラウザの永続性を無効にします。
"use client";import { MultiAgentChat } from "@/components/application/multi-agent-chat/multi-agent-chat";
export function Chat() { return <MultiAgentChat onRespond={async (agent, messages, signal) => { const response = await fetch("/api/agents/respond", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ agent, messages }), signal, }); if (!response.ok) throw new Error("Agent response failed"); const data = await response.json(); return data.text; }} />;}マーケットプレースと設定
ボットとプラグインを発見し、詳細ページをブラウズし、インストールされているものを管理します。 マーケットプレースインストールはローカルのデモです。 独自のアカウントと権限フローを実際の統合に接続します。 設定と会話は、デフォルトでブラウザに保存されます。