- ステップ1:npm(npm install agno-agent-ui)またはyarnを使用してインストールします。
- ステップ2:Reactアプリにコアコンポーネント(ChatWindow、MessageInput)をインポートします。
- ステップ3:LLMまたはエージェントクライアントを設定し、propsとして渡します。
- ステップ4:提供されたCSS変数またはstyled-componentsを使ってテーマとスタイルをカスタマイズします。
- ステップ5:内蔵されたフックを使って会話の状態やメッセージ履歴を管理します。
- ステップ6:ローカルでテストし、Vercel、Netlify、またはお好みのホスティングサービスにデプロイします。