Claw3D: AI 에이전트를 위한 3D 시각화 워크스페이스

AI 시스템은 점점 더 강력해지고 있지만, 그 작업은 여전히 로그와 터미널 출력, 대시보드 뒤에 숨어 있습니다.

Claw3D는 이를 바꿉니다. AI 자동화를 시각적인 작업 공간으로 변환하여, 에이전트가 협업하고 코드를 리뷰하고 테스트를 실행하고 작업을 수행하는 모습을 3D 환경에서 실시간으로 볼 수 있습니다.

AI 팀을 위한 오피스

Claw3D를 당신의 AI 팀을 위한 오피스라고 생각해보세요:

• 실시간 모니터링 — AI 에이전트가 작업하는 모습을 실시간으로 관찰
• 스탠드업 미팅 — GitHub와 Jira에 연결된 에이전트와 스탠드업 진행
• PR 리뷰 — 오피스 안에서 풀 리퀘스트 리뷰
• QA 파이프라인 — QA 파이프라인과 로그 모니터링
• 스킬 트레이닝 — 체육관(Gym)에서 에이전트 훈련
• 세션 리셋 — 정리부서(Janitor) 시스템으로 세션 리셋 및 컨텍스트 정리

대시보드와 로그로 자동화를 관리하는 대신… AI 작업 공간을 걸어 다닙니다.

OpenClaw와의 관계

OpenClaw → 지능과 작업 실행 레이어
Claw3D   → 시각화와 상호작용 레이어

OpenClaw가 제공하는 것:

• 에이전트 오케스트레이션
• 툴과 통합
• 통신 채널
• 작업 실행
• 모델 프로바이더 통합

Claw3D가 제공하는 것:

• 시각화
• 상호작용
• 에이전트와 시스템의 공간적 표현
• 인간과 AI의 협업 환경

이 저장소는 OpenClaw 런타임 자체를 빌드하거나 수정하지 않습니다. 기존 OpenClaw Gateway에 연결되는 프론트엔드와 프록시 레이어입니다.

왜 Claw3D가 필요한가

AI 시스템은 점점 더 능력이 향상되고 있지만, 그 동작은 여전히 보이지 않거나 이해하기 어렵습니다.

Claw3D는 AI 시스템을 위한 시각적 인터페이스를 제공하여:

• AI 에이전트가 실시간으로 작동하는 모습 관찰
• 시스템 동작을 시각적으로 이해
• 공유 환경에서 AI와 협업
• 복잡한 에이전트 상호작용 디버그 및 검사

궁극적인 비전은 AI 에이전트의 3D 도시입니다:

• 에이전트가 서비스, 작업, 워크플로우를 대표
• 인간이 탐색하고 모니터링하고 상호작용
• 공간적 상호작용을 통해 시스템 이해

현재 기능

Claw3D는 이미 상당한 기능을 갖추고 있습니다:

플릿 관리와 에이전트 채팅

• 게이트웨이에서 스트리밍되는 런타임 업데이트
• 에이전트 생성, 설정, 세션 제어, 승인
• 게이트웨이 기반 설정 편집

3D 레트로 오피스

• 책상, 방, 내비게이션, 애니메이션
• 이벤트 기반 활동 큐
• 에이전트가 움직이며 작업하는 시각화

몰입형 운영 공간

• 스탠드업, GitHub 리뷰 플로우
• 분석, 시스템 모니터링

Studio 지속성

• 게이트웨이 연결 세부 정보
• 포커스된 에이전트 환경설정
• 책상 배정, 오피스 상태

커스텀 WebSocket 프록시

• 브라우저 → Studio → OpenClaw Gateway
• 동일 출처 프록시로 보안 유지

기술 스택

설치 및 실행

요구사항

• Node.js 20+
• npm 10+
• 실행 중인 OpenClaw Gateway와 토큰

설치

git clone https://github.com/iamlukethedev/Claw3D.git claw3d
cd claw3d
npm install
cp .env.example .env
npm run dev

그 다음 http://localhost:3000 접속 후 Studio에서 게이트웨이 URL과 토큰 설정.

로컬 게이트웨이의 경우 일반적으로:

ws://localhost:18789

네트워크 아키텍처

Claw3D는 두 개의 네트워크 홉을 사용합니다:

Browser → Studio (HTTP + WebSocket /api/gateway/ws)
Studio → OpenClaw Gateway (WebSocket)

이 설계로:

• 게이트웨이 설정이 Studio 호스트에 지속됨
• Studio가 서버 사이드에서 업스트림 연결 열기
• 브라우저는 같은 출처에서 통신

로드맵

Claw3D는 아직 초기 단계입니다. 현재 우선순위:

안정성과 신뢰성

• 버그 수정
• 예측 가능한 렌더링 동작
• 개발자 경험 개선

핵심 아키텍처

• 에이전트를 시각적 엔티티에 매핑
• 확장 가능한 월드 모델
• OpenClaw와의 깔끔한 통합 경로

개발자 인체공학

• 환경 확장을 위한 명확한 API
• 쉬운 로컬 설정
• 간단한 기여 경로

시각화 프리미티브

• 에이전트 표현
• 워크플로우 표현
• 시스템 활동의 공간적 형태

마치며: 보이지 않는 것을 보이게

Claw3D의 장기 비전은 야심찹니다:

AI 에이전트의 3D 도시

이 환경에서:

• AI 에이전트가 보이는 엔티티로 작동
• 시스템이 공간적으로 이해 가능
• 인간이 실시간으로 에이전트 시스템과 상호작용
• 인간과 AI의 협업이 자연스러워짐

로그와 대시보드를 통해 보이지 않는 시스템과 상호작용하는 대신, 사용자는 시스템 자체를 걸으며 상호작용할 수 있습니다.

Claw3D는 그 미래를 향한 초기 단계입니다.

🔗 관련 정보

• GitHub: https://github.com/iamlukethedev/Claw3D
• Stars: 453+ (2026년 3월 기준)
• Author: LukeTheDev (@iamlukethedev)
• License: MIT
• Docs: VISION.md, ARCHITECTURE.md, TUTORIAL.md