Was du baust
Eine digitale Mitarbeiterin namens „Clara" – eine KI-Persona für z. B. eine Produktvorstellung, HR-Beratung oder Kiosk-Anwendung. Clara spricht, reagiert auf Fragen und wechselt den Hintergrund je nach Thema.
Screenshot
Avatar-Bot im Betrieb: HeyGen-Avatar in der linken Hälfte, Chat-Interface rechts, Avatar spricht mit synchronisierten Lippen
Voraussetzungen
| Dienst | Was du brauchst | Wo besorgen? |
|---|---|---|
| HeyGen | API-Key, Avatar-ID (Streaming-Avatar) | heygen.com → API & Integrations |
| ElevenLabs | API-Key, Voice-ID | elevenlabs.io → My Voices |
| KI-Toolbox | Projekt, Bot-Typ: Avatar Bot | In KI-Toolbox konfigurieren |
Wichtig: Streaming-Avatar bei HeyGen
Für den Echtzeit-Avatar benötigst du einen Streaming-Avatar bei HeyGen, keinen normalen Video-Avatar. Stelle sicher, dass dein HeyGen-Tarif Streaming-Avatare unterstützt.
Schritt-für-Schritt Einrichtung
1
Bot-Typ auf Avatar-Bot setzen
Tab „Konfiguration" → Bot-Typ: Avatar Bot. Das aktiviert die HeyGen-Integration im nächsten Tab.
2
HeyGen konfigurieren
Tab „Avatar Bot" → API-Key, Avatar-ID und Voice-ID (HeyGen-Voice oder ElevenLabs-Voice) eintragen. Qualität auf „high" stellen für beste Bildqualität.
3
Systemanweisung für Avatar optimieren
Vorlage: Systemanweisung Avatar-Bot „Clara"
Du bist Clara, die digitale Beraterin von [Unternehmen]. Du berätst Interessierte zu unseren Produkten und Leistungen. Wichtig: - Du bist ein sichtbarer Video-Avatar. Sprich natürlich. - Antworte in max. 3 kurzen, gesprochenen Sätzen. - Keine Listen, keine Markdown-Formatierung. - Wenn du eine Empfehlung machst, erkläre kurz warum. - Sei freundlich, professionell und positiv.
4
Blockly: Begrüßung mit Hintergrundbild
Blockly: Avatar-Bot Begrüßungs-Stage
Event: RAGAI.STAGE.entered (Stage „begruessung")
→ Avatar-Hintergrund setzen:
URL: "https://example.com/hintergrund-office.jpg"
→ Prompt senden und Bot-Antwort anzeigen:
"Begrüße den Besucher herzlich und stell dich vor."
→ Button-Gruppe:
[Button: "Produkte entdecken" → Stage „produkte"]
[Button: "Kontakt aufnehmen" → Stage „kontakt"]
5
Themen-Stages mit Hintergrundwechsel
Blockly: Themen-Stage mit Hintergrundwechsel
Event: RAGAI.STAGE.entered (Stage „produkte")
→ Skill „Produktkatalog" aktivieren
→ Avatar-Hintergrund setzen:
URL: "https://example.com/hintergrund-produkte.jpg"
→ Prompt senden und Bot-Antwort anzeigen:
"Erkläre kurz welche Produktkategorien wir anbieten."
→ Button-Gruppe:
[Button: "Produkt A" → Stage „produkt-a"]
[Button: "Produkt B" → Stage „produkt-b"]
[Button: "← Zurück" → Stage „begruessung"]
Screenshot
Tab „Avatar Bot" in der KI-Toolbox: API-Key, Avatar-ID, Voice-ID und Qualitäts-Einstellungen
Design-Empfehlungen für Avatar-Bots
✅ Gutes Avatar-Design
- Professionelles, konsistentes Hintergrundbild
- Kurze, gesprochene Sätze (wie ein Gespräch)
- Wenige Buttons (max. 3) für klare Navigation
- Persona-Namen und -Charakter konsequent einhalten
- Hintergrund passend zum Thema wechseln
❌ Vermeiden
- Listen und Aufzählungen (wirkt unnatürlich)
- Zu lange Antworten (Nutzer schaut lange wartend zu)
- Widersprüchliche Persona-Merkmale
- Niedrige Bildqualität für Hintergründe
✏️ Übung
Deinen eigenen Avatar-Bot konfigurieren
- Erstelle einen neuen Bot vom Typ „Avatar Bot".
- Trage deine HeyGen- und ElevenLabs-Zugangsdaten ein.
- Schreibe eine Systemanweisung für eine konkrete Persona.
- Erstelle 3 Stages: Begrüßung, Hauptthema, Abschluss.
- Füge pro Stage einen Hintergrundwechsel per Blockly hinzu.
- Teste den Avatar-Bot im Vorschau-Modus.