Einführung

Die UI-Engine ist eine leistungsstarke Funktion in Eagle Agents, die es Ihren KI-Agenten ermöglicht, reichhaltige, interaktive Elemente in ihren Antworten zu erstellen. Dies verbessert das Benutzerengagement, indem es über einfachen Textaustausch hinausgeht.

Haben Sie die UI-Engine noch nicht in Aktion gesehen? Sprechen Sie mit unserem Erd-Begleiter!

Dies ist eine experimentelle Funktion und funktioniert möglicherweise nicht immer wie erwartet. Verwenden Sie sie mit Vorsicht und testen Sie Ihre Implementierung gründlich.

Die UI-Engine aktivieren

Das Aktivieren der UI-Engine fügt Ihrem System-Prompt weitere Anweisungen hinzu, die es Ihrem KI-Agenten ermöglichen, JSON-Daten auszugeben, die UI-Elemente wie Buttons, Karten, Karussells rendern. Obwohl nicht direkt ein UI-Element, kann Ihr Agent auch Bilder zeigen und Iframes standardmässig rendern. Um sie zu aktivieren, tun Sie Folgendes:
1

Zum Prompt-Tab navigieren

Öffnen Sie das Dashboard Ihres Agenten und gehen Sie zum Prompts-Tab.
2

UI-Engine-Checkbox finden

Finden Sie die UI-Engine-Checkbox in den Einstellungen.
3

Die Funktion aktivieren

Aktivieren Sie das Kontrollkästchen und speichern.

Ihren Agenten anweisen

Mit aktivierter UI-Engine haben Sie mehrere Optionen, um die Verwendung von UI-Komponenten durch Ihren Agenten zu steuern:
Für Informationen zur Integration der UI-Engine mit Ihrer Wissensdatenbank siehe unsere KB und UI-Engine-Seite.
Modelle wie Claude 3.5 Sonnet sind besonders geschickt darin, geeigneten UI-Elemente-Code zu generieren und diese Komponenten effektiv zu verwenden. Wenn Sie Ihrem Agenten kreative Freiheit geben, erwägen Sie die Verwendung solcher fortgeschrittenen Modelle für optimale Ergebnisse.

UI-Komponenten

Die UI-Engine bietet eine Vielzahl vielseitiger interaktiver Elemente, um die Antworten Ihres KI-Agenten zu verbessern. Sie können angepasst und kombiniert werden, um ansprechende Benutzeroberflächen zu erstellen.
Buttons bieten klare Handlungsaufforderungen oder Navigationsoptionen.
Die Vielseitigkeit der UI-Komponenten ermöglicht zahlreiche Kombinationen und Konfigurationen. Sie können Ihren Agenten anweisen, komplexe Elemente wie ein Karussell von Karten zu erstellen, jede mit eigenem Bild, Beschreibung und Buttons.
Experimentieren Sie mit verschiedenen Komponentenkombinationen, um die effektivste Art zu finden, Informationen zu präsentieren und Benutzer in Ihrem spezifischen Anwendungsfall zu engagieren.

Best Practices

Um das Beste aus der UI-Engine herauszuholen:

Text und UI ausbalancieren

Mischen Sie Textantworten mit UI-Komponenten für eine reichhaltige, abwechslungsreiche Interaktion.

Kontextbewusste Komponenten

Verwenden Sie UI-Elemente, die für den aktuellen Konversationskontext relevant sind.

Progressive Erweiterung

Beginnen Sie mit wesentlichen Informationen im Text, dann erweitern Sie mit UI-Komponenten.

Verschiedene Ansätze testen

Experimentieren Sie mit strukturierten Anweisungen vs. kreativer Freiheit, um herauszufinden, was für Ihren Anwendungsfall am besten funktioniert.

Credit-Nutzungsüberlegungen

Das Aktivieren der UI-Engine erhöht den Credit-Verbrauch pro Antwort aufgrund der zusätzlichen Anweisungen, die jeder Interaktion hinzugefügt werden.
Um die Credit-Nutzung effektiv zu verwalten:
1

Nutzung überwachen

Überprüfen Sie regelmässig Ihre Credit-Nutzung im Nutzungs-Tab.
2

Interaktionen optimieren

Verwenden Sie UI-Komponenten zusammen mit Textantworten, um die Nutzung zu optimieren.
3

Kunden informieren

Wenn Sie eine Agentur sind, stellen Sie sicher, dass Ihre Kunden sich der potenziellen Erhöhung der Credit-Nutzung bewusst sind, wenn die UI-Engine aktiviert ist.
4

Vergleichen und anpassen

Führen Sie Vergleiche der Credit-Nutzung mit und ohne UI-Engine durch, um deren Auswirkungen auf Ihren spezifischen Anwendungsfall zu verstehen.

Beispiele und Anwendungsfälle

Hier sind einige reale Anwendungen der UI-Engine:

JavaScript-Experte

Interaktiver Coding-Assistent mit Tipps, Tricks und Code-Erklärungen.

Zoe von GadgetZone

Nachrichten-Agent mit Informationen über die neueste Technik und tolle Gadgets. Hat einen technikaffinen Tonfall.

Fireheat Sneakers

Sneaker-Store mit Produktpräsentationen und einem coolen Tonfall.

Tinder Match Companion

Interaktiver Dating-Profil-Assistent mit Gesprächseröffnern, Bio-Helfer und anderen Tipps.
Diese Beispiele zeigen, wie die UI-Engine verwendet werden kann, um ansprechende, interaktive Erlebnisse über verschiedene Branchen und Anwendungsfälle hinweg zu schaffen. Experimentieren Sie mit verschiedenen Komponenten und Kombinationen, um herauszufinden, was für Ihre spezifischen Bedürfnisse am besten funktioniert.