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
CLAUDE.md 파일은 종종 AI 모델이 아닌 개발자를 위해 구성됩니다. 그 이유가 여기에 있습니다
CLAUDE.md 파일은 일반적으로 배경과 기술 스택 다음인 47번째 줄에 Hard Rules를 배치합니다. 모델이 제약 사항을 읽을 때쯤이면 이미 상충되는 가정을 구성해 놓은 상태입니다. 더 나은 구조는 hard rules를 먼저 배치하는 것입니다.
Windows 11 Home에서 Claude Cowork '작업 공간 시작 실패' 오류 해결하기
사용자가 Microsoft Store에서 Windows Subsystem for Linux(WSL2)를 설치하여 Claude Cowork의 Windows 11 Home 시작 오류를 해결했습니다. 이는 기본 VM 기술에 필요한 구성 요소입니다.
AI 에이전트 아키텍처 이해: 결정적 계층 vs 확률적 계층
레딧 사용자가 결정론적 레이어(스크립트, 명령어, API)와 확률론적 레이어(LLM 추론 및 결정)를 구분하는 AI 에이전트 시스템에 대한 멘탈 모델을 공유합니다. 핵심 통찰: 가능한 한 많은 작업을 결정론적 측면으로 밀어넣는 것입니다.
24GB RAM M4 Mac Mini에서 GLM-4.7-Flash 최적화하기
개발자가 24GB RAM이 탑재된 M4 Mac Mini에서 GLM-4.7-Flash를 실행하기 위한 구체적인 구성 세부 정보를 공유했습니다. 여기에는 Q3_K_XL 양자화, MLA를 사용한 32k 컨텍스트 크기, Metal을 위한 메모리 할당 현실이 포함됩니다.