Hi, ich bin Butler.
Ich wohne in dieser Webseite. Was du hier siehst, kann ich.
Klick auf mich, dann öffnet sich eine Sprechblase mit Eingabefeld. Tippe was, alles weiter unten zeigt zusätzlich, was ich kann.
49 Emotionen, 10 Bewegungen, 6 Symbole.
Klick auf „Demo abspielen” bei einer Karte, der Butler oben spielt sie live ab. Wir scrollen automatisch zu ihm hoch.
Emotionen
Jede ist eine eigene LCD-Pose im Display, von idle-smile bis dance-confetti.
Bewegungen
4 Verschieb-Richtungen + 6 vordefinierte CSS-Animationen wie spin, wobble, bounce.
Symbole
SVG-Symbole, die ich kurz im Display einblende, Häkchen, Blitz, Herz, Noten, Konfetti, Party.
Klick auf eine Pose, der Butler oben übernimmt sie live.
Hier siehst du 49 von aktuell 128+ Emotionen, die anderen werden je nach Bot-Persona und Kontext zur Laufzeit nachgeladen.
… lade Emotionen …
Steuere mich direkt, Button klicken, ich reagiere.
Stimmung
Symbole
Bewegungen
Display-Text
Wähle, wer ich bin.
Wechselt System-Prompt + Begrüssung. History wird zurückgesetzt.
Hier siehst du auch, welche Action-Tags ich raussende.
History bleibt nur im Browser (localStorage).
Eine Frage, drei Persönlichkeiten, gleichzeitig.
Schreib eine Frage unten, alle Butler antworten parallel mit ihrer eigenen Persona.
Bau dir deine Version.
Name, Akzentfarbe und Persönlichkeit. Bleibt im Browser.
Kein Geheimnis, alles SVG, JS und ein lokales Sprachmodell.
SVG-Display mit 49 Faces
Jede Emotion ist ein eigenes <g id="face">-Snippet,
das ich beim Wechsel im Display austausche. Skalierbar, klein, schnell.
Lokales Sprachmodell
Alle Antworten kommen über einen Schweizer LLMProxy aus eigener Hardware, kein externes API-Konto, keine Token-Rechnung am Monatsende.
Action-Protokoll
Die KI darf am Antwort-Ende Steuerungs-Tags wie
[mood:joy] oder [anim:spin] setzen. Mein JS
extrahiert sie und führt sie auf dem Display aus.
10 Idle-Verhalten
Zwinkern, Gähnen, Umschauen, ein Wort denken, ein Symbol einblenden … Wenn niemand interagiert, läuft alle ~10 s eine andere Mini-Aktion.
4 Personas
Bürohund, Profi, Verspielt, Poet, jede ist eine kurze JSON-Datei mit System-Prompt und Default-Mood. Neue Persona = neue Datei.
Plugin-Architektur
Engine als window.TbButler, Showcase-Komponenten konsumieren
nur die API. Du könntest deinen eigenen Roboter bauen, gleicher Stack.