Architektur, wie diese Webseite wirklich funktioniert

Architektur · Live-Beweis · Open Concept

Wie diese Webseite
wirklich funktioniert.

Du schaust gerade nicht auf eine WordPress-Vorlage. Du schaust auf 11 selbst gebaute Plugins, die zusammen ein lebendiges System ergeben: eine zentrale Faktenquelle, zwei KI-Bots mit klar getrennten Rollen, Live-Telemetrie, lokale Sprachmodelle. Und alles erweiterbar über saubere Hook-Punkte.

Diese Seite ist der Live-Beweis dafür, was du bei mir buchen kannst.

Datenfluss einer Bot-Anfrage

Vereinfacht: was passiert, wenn du den Butler fragst „Was kostet ein Pilot?”

📥

Frage

User tippt in den Butler oder Concierge.

📋

Faktenblock

tb-facts liefert Preise, Stack, Manifest, Anker, alle aus einer Quelle.

📍

Page-Kontext

Filter-Hook sammelt: aktuelle Seite, Wetter, Online-Counter.

🧠

Lokales LLM

Eigene Hardware, kein Cloud-API. Antwortet in 3-8 s.

📤

Antwort

Faktentreu, mit Action-Tags ([anim:spin]) oder Markdown-Links.

Vier Architektur-Prinzipien

📚

Single Source of Truth

Preise, Kontaktdaten, Stack, einmal im Backend pflegen, überall aktuell. Frontend-Pills, Hero, FAQ UND die KI-Bots lesen denselben Datensatz. Du änderst eine Zahl → keine Halluzinationen mehr.

🔌

Erweiterbar via Hooks

Neue Daten in den Bot-Kontext einklinken? Eine Zeile: add_filter('tb_butler_page_context', …). Keine Code-Änderung im Bot selbst. So wurde z.B. das Wetter integriert , ohne den Butler anzufassen.

🛡

Anti-Halluzination

KI darf nur aus einer Whitelist verlinken. Antworten werden defensiv von Markdown gestrippt (Butler) oder durch Mini-Renderer (Concierge) gerendert. Kein „die KI hat mir was Falsches gesagt”-Risiko.

SRP, kein Spaghetti

Jedes Plugin macht eine Sache. Persona-Loader, Chat-Handler, SVG-Renderer und Admin-Settings sind 4 getrennte Files. Das macht Bugs lokalisierbar und Erweiterungen risikoarm , auch in 5 Jahren noch.

Live-Beweis, schau selbst nach

Statt Marketing-Phrasen: alles, was hier steht, läuft auf dieser Seite jetzt gerade. Hier vier Stellen wo du das überprüfen kannst:

📊 Footer-Counter

Scroll runter zum Footer. Du siehst „🟢 N online · X Views heute · Y KI-Calls heute”. Das sind echte Zahlen aus einer eigenen DB-Tabelle, alle 60 s aktualisiert.

Gerade: 1 online · 13 Views · 6 KI-Calls

🤖 Butler fragen

Klick auf den Butler unten. Frag „Was kostet ein Pilot?”. Antwort: konkrete Werte, keine Ausweichmanöver. Frag „Drehe dich”, er dreht sich.

→ Spielwiese mit allen Funktionen

🧑‍💼 Concierge fragen

Klick auf 💬 unten rechts. Frag „Welche Themen behandelt diese Seite?”. Antwort: strukturierte Markdown-Liste mit echten Links zu allen Sektionen.

🌤 Wetter-Kontext

Frag den Butler „Wie ist das Wetter heute?”. Er kennt es , weil das Wetter-Plugin sich per Filter-Hook in den Bot-System-Prompt einklinkt. Live-Daten aus Open-Meteo, täglich neu vom lokalen LLM kommentiert („Wetter-Ueli”).

⚡ Cloud-Toggle (Schnell ↔ Langsam)

Im Voll-Chat-Footer der Spielwiese findest du einen Modus-Schalter: 🐌 Lokal · 0 € (~5-10 s) ⇄ ⚡ Cloud · ~Cent (<1 s). Nach jeder Antwort siehst du eine Pill mit Modus, Latenz und Echt-Kosten.

Status: ✅ Cloud aktiv · Modell gpt-4o-mini, Geschwindigkeit kostet Geld, Hardware oder API-Tokens. Beides ist on-premises möglich.

Wenn du sowas für dich willst.

Die meisten Webseiten sind tot, Folien aus dem Baukasten. Hier kannst du sehen, dass es auch anders geht: ein lebendiges System, das du selbst pflegen und erweitern kannst, ohne jedes Mal einen Entwickler zu rufen.