OpenClaw용 커스텀 커맨드 센터 앱: Tailscale과 WebSocket 프록시를 사용한 React PWA
Reddit 사용자(Weird_Night_2176)가 자신의 OpenClaw 게이트웨이를 기반으로 구축한 맞춤형 명령 센터 앱을 공유했습니다. 이 앱은 이전에 WhatsApp을 기반으로 한 제어 방식을 대체하며, Twilio의 하루 50개 메시지 샌드박스 제한으로 인해 불편을 겪었습니다. 설정은 Jetson 장치에서 실행되며, Tailscale을 통해 어디서나 접속 가능한 React PWA를 제공합니다.
아키텍처 및 주요 구성 요소
- WebSocket 프록시: OpenClaw는 루프백에만 바인딩되므로 개발자는 WebSocket 연결을 브리징하는 경량 Express 프록시 서버를 만들었습니다. 이를 통해 React 프론트엔드가 Tailscale 메시의 모든 장치에서 OpenClaw 게이트웨이와 통신할 수 있습니다.
- 프론트엔드: Jetson에서 직접 제공되는 React 프로그레시브 웹 앱(PWA)입니다.
- 네트워크: 보안 원격 접근을 위한 Tailscale 메시; iPhone에서 Tailscale을 통해 작동합니다.
명령 센터 기능
- 실시간 채팅 인터페이스: AI 에이전트 "Bosefus"와의 직접 채팅.
- 에이전트 대시보드: 14명의 에이전트와 각자의 마지막 작업 및 상태를 표시.
- 트레이딩 데스크: 실시간 Alpaca 포지션 및 암호화폐 손익.
- 크루 실행 기록: 자동화된 모든 작업이 이름별로 기록됨.
- Ollama 모델 상태: Orange Pi 모델 서버의 실시간 상태.
- 빌드 펀드 트래커: 다음 하드웨어 업그레이드를 위한 저축을 추적.
- 푸시 알림: 알림용 WhatsApp을 대체.
대상 사용자
명령줄이나 타사 메시징 앱을 넘어 특화된 UI가 필요한, 특히 여러 에이전트와 트레이딩 연동을 사용하는 OpenClaw AI 에이전트 게이트웨이 개발자.
자료
사용자는 YouTube에서 전체 빌드 워크스루를 공개할 예정이라고 밝혔습니다. 현재는 Reddit 게시물에 아키텍처 및 동기에 대한 세부 정보가 있습니다.
📖 전체 소스 읽기: r/openclaw
👀 See Also
로컬 LLM 추론을 위한 Mac Mini M4 Pro 대 Mac Studio M4 Max – 주요 고려사항
한 개발자가 Gemma 4와 Qwen을 사용한 로컬 추론을 위해 Mac Mini M4 Pro(12코어 CPU/16코어 GPU, 273GB/s)와 Mac Studio M4 Max(16코어 CPU/40코어 GPU, 546GB/s)를 비교합니다. 둘 다 64GB/1TB 사양입니다. 핵심 질문: 대역폭 향상이 600달러 가치가 있을까요?
클로드 코드 워크플로우 시각화: 메모리 계층 구조와 스킬 시스템 설명
레딧 사용자가 Claude Code의 워크플로우 구조를 보여주는 시각적 다이어그램을 공유했으며, CLAUDE.md 파일을 통한 메모리 계층화와 .claude/skills/ 디렉토리에 정의된 재사용 가능한 스킬을 포함합니다. 워크플로우 루프는 Plan 모드 사용, 기능 설명, 자동 수락, 그리고 자주 커밋하는 것을 제안합니다.
가이드: Windows에서 Lemonade 서버를 통해 로컬 LLM으로 GitHub Copilot 실행하기
개발자가 GitHub Copilot을 Windows 머신, 특히 Framework Desktop에서 로컬 대규모 언어 모델(LLM)과 함께 사용하도록 설정하는 방법에 대한 안내를 공개했습니다. 이 가이드는 해당 설정에 대한 간단한 설명을 찾지 못한 저자가 작성했습니다.
OpenClaw 설정 시 흔히 하는 가지 실수와 해결 방법
OpenClaw 설정에서 가장 흔히 저지르는 다섯 가지 실수와 해결 방법: 영구 메모리 부재, 외부 접근 차단, 시스템 프롬프트 과부하, 폴백 동작 누락, 단일 모델 사용.