Aplicativo Personalizado de Centro de Comando para OpenClaw: PWA React com Proxy WebSocket e Tailscale
Um usuário do Reddit (Weird_Night_2176) compartilhou seu aplicativo personalizado de centro de comando construído sobre seu gateway OpenClaw. O aplicativo substitui seu método de controle anterior baseado no WhatsApp, que era limitado pelo limite de 50 mensagens/dia do sandbox do Twilio. A configuração roda em um dispositivo Jetson, servindo um React PWA acessível de qualquer lugar via Tailscale.
Arquitetura e Componentes Principais
- Proxy WebSocket: O OpenClaw vincula apenas ao loopback, então o desenvolvedor criou um servidor proxy Express leve que faz a ponte da conexão WebSocket. Isso permite que o frontend React se comunique com o gateway OpenClaw de qualquer dispositivo na malha Tailscale.
- Frontend: Um Progressive Web App (PWA) React servido diretamente do Jetson.
- Rede: Malha Tailscale para acesso remoto seguro; o aplicativo funciona no iPhone via Tailscale.
Funcionalidades do Centro de Comando
- Interface de Chat ao Vivo: Chat direto com o agente de IA "Bosefus".
- Painel de Agentes: Mostra 14 agentes com sua última tarefa e status.
- Mesa de Negociações: Posições Alpaca ao vivo e P&L de criptomoedas.
- Histórico de Execuções da Equipe: Cada trabalho automatizado registrado por nome.
- Status do Modelo Ollama: Status ao vivo do servidor de modelos Orange Pi.
- Rastreador de Fundos de Construção: Acompanha as economias para a próxima atualização de hardware.
- Notificações Push: Substitui o WhatsApp para alertas.
Para Quem é Isso
Desenvolvedores que executam o OpenClaw como um gateway de agente de IA e precisam de uma UI dedicada, além da linha de comando ou aplicativos de mensagens de terceiros, especialmente aqueles com múltiplos agentes e integrações de negociação.
Recursos
O usuário mencionou que um tutorial completo de construção será lançado no YouTube. Por enquanto, o post no Reddit tem detalhes sobre a arquitetura e motivação.
📖 Read the full source: r/openclaw
👀 See Also
Corrigindo Problemas de Autonomia do Agente OpenClaw: Arquivos de Habilidades, Seleção de Ferramentas e Configuração do Cron
Um desenvolvedor compartilha soluções para agentes OpenClaw que param de funcionar autonomamente após a configuração inicial. As principais correções incluem usar arquivos de habilidades externos em vez de instruções de chat, substituir ferramentas de navegador por ferramentas baseadas em API ou scripts Puppeteer, e configurar corretamente os trabalhos cron.
Desenvolvedor compartilha 25 prompts testados do Claude para fluxos de trabalho de desenvolvimento SaaS
Um desenvolvedor compartilhou 25 prompts específicos que usa diariamente para desenvolvimento de SaaS, abrangendo arquitetura de backend, design de API, cópia de frontend, documentação de produto e tarefas de go-to-market. Os prompts são projetados para economizar tempo em tarefas repetitivas como revisão de código, geração de documentação e testes de casos extremos.
AGENTS.md Feito Corretamente: Um Aumento de 25% na Precisão — ou uma Queda de 30%
A Augment Code testou arquivos AGENTS.md frente a frente: os melhores rivalizam com uma atualização de modelo de Haiku para Opus; os piores prejudicam a saída. Tabelas de decisão, fluxos de trabalho procedurais e divulgação progressiva vencem.
Conselhos Práticos do OpenClaw: Comece Pequeno, Evite Erros Comuns
Um desenvolvedor compartilha lições da construção de um rastreador de saúde pessoal com OpenClaw, enfatizando escopo limitado, fluxos de trabalho determinísticos e manter-se em um único LLM. O post inclui observações específicas de modelos comparando ChatGPT e Gemini.