Eigenständige Befehlszentrale-App für OpenClaw: React PWA mit WebSocket-Proxy und Tailscale

Ein Reddit-Nutzer (Weird_Night_2176) hat seine eigene Befehlszentrums-App vorgestellt, die auf seinem OpenClaw-Gateway basiert. Die App ersetzt die vorherige WhatsApp-basierte Steuerungsmethode, die durch Twilios Sandbox-Begrenzung von 50 Nachrichten pro Tag eingeschränkt war. Das Setup läuft auf einem Jetson-Gerät und stellt eine React-PWA bereit, die über Tailscale von überall aus zugänglich ist.

Architektur & Schlüsselkomponenten

• WebSocket-Proxy: OpenClaw bindet nur an Loopback, daher erstellte der Entwickler einen leichten Express-Proxy-Server, der die WebSocket-Verbindung überbrückt. Dies ermöglicht dem React-Frontend die Kommunikation mit dem OpenClaw-Gateway von jedem Gerät im Tailscale-Mesh.
• Frontend: Eine React-Progressive-Web-App (PWA), die direkt vom Jetson bereitgestellt wird.
• Netzwerk: Tailscale-Mesh für sicheren Fernzugriff; die App funktioniert auf dem iPhone über Tailscale.

Funktionen des Befehlszentrums

• Live-Chat-Oberfläche: Direkter Chat mit dem KI-Agenten "Bosefus".
• Agenten-Dashboard: Zeigt 14 Agenten mit ihrer letzten Aufgabe und ihrem Status.
• Trading-Desk: Live-Alpaca-Positionen und Krypto-Gewinn/Verlust.
• Crew-Run-Verlauf: Jeder automatisierte Auftrag wird namentlich protokolliert.
• Ollama-Modellstatus: Live-Status vom Orange-Pi-Modellserver.
• Baufonds-Tracker: Verfolgt Ersparnisse für das nächste Hardware-Upgrade.
• Push-Benachrichtigungen: Ersetzt WhatsApp für Benachrichtigungen.

Für wen ist das gedacht?

Entwickler, die OpenClaw als AI-Agenten-Gateway betreiben und eine speziell entwickelte Benutzeroberfläche jenseits der Befehlszeile oder von Drittanbieter-Messaging-Apps benötigen, insbesondere solche mit mehreren Agenten und Handelsintegrationen.

Ressourcen

Der Nutzer erwähnte, dass eine vollständige Build-Anleitung auf YouTube kommt. Vorerst enthält der Reddit-Beitrag Details zur Architektur und Motivation.