Application de centre de commandement personnalisée pour OpenClaw : PWA React avec proxy WebSocket et Tailscale
Un utilisateur de Reddit (Weird_Night_2176) a partagé son application de centre de commandement personnalisée construite sur sa passerelle OpenClaw. L'application remplace leur précédente méthode de contrôle basée sur WhatsApp, limitée par le plafond de 50 messages/jour du bac à sable Twilio. La configuration tourne sur un appareil Jetson, servant une React PWA accessible partout via Tailscale.
Architecture et composants clés
- Proxy WebSocket : OpenClaw se lie uniquement à la boucle locale, donc le développeur a créé un serveur proxy Express léger qui fait le pont pour la connexion WebSocket. Cela permet au frontend React de communiquer avec la passerelle OpenClaw depuis n'importe quel appareil sur le maillage Tailscale.
- Frontend : Une application web progressive (PWA) React servie directement depuis le Jetson.
- Réseau : Maillage Tailscale pour un accès distant sécurisé ; l'application fonctionne sur iPhone via Tailscale.
Fonctionnalités du centre de commandement
- Interface de chat en direct : Chat direct avec l'agent IA "Bosefus".
- Tableau de bord des agents : Affiche 14 agents avec leur dernière tâche et leur statut.
- Poste de trading : Positions Alpaca en direct et P&L crypto.
- Historique des exécutions d'équipe : Chaque tâche automatisée est enregistrée par nom.
- Statut du modèle Ollama : Statut en direct depuis le serveur de modèles Orange Pi.
- Suivi du fonds de construction : Suivi des économies pour la prochaine mise à niveau matérielle.
- Notifications push : Remplace WhatsApp pour les alertes.
À qui cela s'adresse
Les développeurs qui utilisent OpenClaw comme passerelle d'agents IA et ont besoin d'une interface utilisateur dédiée au-delà de la ligne de commande ou des applications de messagerie tierces, surtout ceux avec plusieurs agents et des intégrations de trading.
Ressources
L'utilisateur a mentionné qu'un tutoriel complet de construction sera bientôt disponible sur YouTube. Pour l'instant, le post Reddit contient des détails sur l'architecture et la motivation.
📖 Lire la source complète : r/openclaw
👀 See Also
Titre : Visuel du workflow Claude Code : Hiérarchie mémoire, compétences, hooks et boucle
Un post Reddit partage un visuel de workflow pour Claude Code couvrant la stratification mémoire CLAUDE.md (global → repo → contextuel), les compétences en tant que motifs réutilisables dans .claude/skills/, et une boucle de workflow suggérée (planifier → décrire → accepter → commit).
Claude Code Skills vs. Custom Agents : Un modèle mental basé sur la cohérence des tâches
Un utilisateur de Reddit clarifie la distinction entre les compétences de Claude Code et les agents personnalisés : les compétences exécutent les mêmes étapes à chaque fois, tandis que les agents personnalisés nécessitent un raisonnement et une adaptation. Le post couvre également les sous-agents parallèles, la délégation, les crochets et les blocs de construction.
Configuration OpenClaw pour l'automatisation de navigateur avec intervention humaine, utilisant Docker, Chromium et noVNC
Un développeur partage sa configuration de conteneur Docker qui permet à OpenClaw de gérer les CAPTCHAs et les approbations en cours d'exécution en utilisant Chromium avec noVNC pour un accès à distance, nécessitant environ 300 Mo de RAM et des démarrages à froid de 3 secondes.
Maîtriser OpenClaw 101 : Un Guide Débutant Inspiré des Avis de Redditeurs
Plongez dans OpenClaw avec notre guide complet, inspiré des idées de la communauté Reddit. Évitez les pièges courants et maximisez votre productivité avec ces conseils d'experts.