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: 0 online · 4 Views · 16 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.

Klingt nach Ihrem Projekt?

Schreiben Sie mir oder starten Sie eine unverbindliche Projektanfrage.

Projektanfrage →Kontakt