Aplicación de Centro de Comandos Personalizada para OpenClaw: PWA en React con Proxy WebSocket y Tailscale

Un usuario de Reddit (Weird_Night_2176) compartió su aplicación personalizada de centro de comando construida sobre su pasarela OpenClaw. La aplicación reemplaza su método de control anterior basado en WhatsApp, que estaba limitado por el límite de 50 mensajes/día del sandbox de Twilio. La configuración se ejecuta en un dispositivo Jetson, sirviendo una PWA React accesible desde cualquier lugar mediante Tailscale.
Arquitectura y Componentes Clave
- Proxy WebSocket: OpenClaw solo acepta conexiones locales (loopback), por lo que el desarrollador creó un servidor proxy Express ligero que puentea la conexión WebSocket. Esto permite que el frontend React se comunique con la pasarela OpenClaw desde cualquier dispositivo en la malla Tailscale.
- Frontend: Una Aplicación Web Progresiva (PWA) React servida directamente desde el Jetson.
- Red: Malla Tailscale para acceso remoto seguro; la aplicación funciona en iPhone a través de Tailscale.
Funcionalidades del Centro de Comando
- Interfaz de Chat en Vivo: Chat directo con el agente AI "Bosefus".
- Panel de Agentes: Muestra 14 agentes con su última tarea y estado.
- Mesa de Trading: Posiciones en vivo de Alpaca y P&L de criptomonedas.
- Historial de Ejecuciones: Cada trabajo automatizado registrado por nombre.
- Estado del Modelo Ollama: Estado en vivo desde el servidor de modelos Orange Pi.
- Rastreador de Fondo de Construcción: Sigue el ahorro para la próxima actualización de hardware.
- Notificaciones Push: Reemplaza WhatsApp para alertas.
Para Quién es Esto
Desarrolladores que ejecutan OpenClaw como una pasarela de agente AI y necesitan una interfaz de usuario específica más allá de la línea de comandos o aplicaciones de mensajería de terceros, especialmente aquellos con múltiples agentes e integraciones de trading.
Recursos
El usuario mencionó que próximamente publicará un tutorial completo de construcción en YouTube. Por ahora, la publicación de Reddit tiene detalles sobre la arquitectura y la motivación.
📖 Lee la fuente completa: r/openclaw
👀 Ver también

Construyendo un puente para dos bots de Telegram en un grupo de chat: Semántica de entrega sobre HTTP
Un desarrollador comparte un enfoque práctico para conectar dos bots independientes de Telegram en el mismo chat grupal, abordando las deficiencias de entrega de bot a bot de Telegram con retransmisiones HTTP, ACKs, deduplicación y feeds estrictamente delimitados.

OpenClaw 101: Resumen de Inicio Rápido para Principiantes

Corrección para que los subagentes no aparezcan en OpenClaw v2026.3.13
Una solución alternativa para OpenClaw v2026.3.13 donde los subagentes personalizados no aparecen en la lista de agentes: simplifica la lista de agentes en openclaw.json para que solo incluya IDs y registra manualmente los agentes en runs.json con el estado establecido en 'idle'.

Trabajos Cron vs Heartbeat: Optimizando el Uso de Tokens OpenClaw y la Consistencia de Ejecución
Un desarrollador senior comparte consejos prácticos sobre el uso de trabajos Cron en lugar de Heartbeat para reducir el uso de tokens y mejorar la consistencia de ejecución en OpenClaw, con ejemplos concretos y un método de script de shell.