- Schritt 1: Installieren Sie es via npm (npm install agno-agent-ui) oder yarn.
- Schritt 2: Importieren Sie die Kernelemente (ChatWindow, MessageInput) in Ihre React-App.
- Schritt 3: Konfigurieren Sie Ihren LLM- oder Agent-Client und übergeben Sie ihn als Prop.
- Schritt 4: Passen Sie Themes und Styles über die bereitgestellten CSS-Variablen oder styled-components an.
- Schritt 5: Verwenden Sie integrierte Hooks, um den Konversationsstatus und die Nachrichtenhistorie zu verwalten.
- Schritt 6: Testen Sie lokal und deployen Sie Ihre Web-App auf Vercel, Netlify oder einem anderen bevorzugten Host.