ElevenLabs UIのご紹介：ウェブ向けオープンソースのオーディオ＆エージェントコンポーネント

ElevenLabs UI は、ElevenLabs Agents やAudio SDKと連携したインターフェースを構築できる、カスタマイズ可能なReactコンポーネントの新しいオープンソースライブラリです。

ベースはshadcn/uiで、波形やオーブ、メッセージなどのUIプリミティブを自由にコントロールできます。

サンプル

transcriber-01 - どのウェブアプリにも組み込めるオープンソースの音声入力コンポーネント：

voice-chat-03 - 状態管理を内蔵したリッチなマルチモーダルチャットインターフェース。ElevenLabs Agent IDをプロップとして渡すだけですぐに使えます：

はじめに

コンポーネントは @elevenlabs/agents-cli コマンドから利用できます。

pnpm dlx @elevenlabs/agents-cli@latest components add <component>

例えば、Orb コンポーネントをインストールするには、次のコマンドを実行してください：

pnpm dlx @elevenlabs/agents-cli@latest components add orb

ドキュメントを読む で、より良いエージェント＆オーディオインターフェースを素早く構築しましょう。