Repolode
iamlukethedev

iamlukethedev/Claw3D

OpenClaw, Hermes 또는 사용자 지정 런타임에서 실행되는 AI 에이전트를 관찰하고 상호작용할 수 있는 셀프 호스팅 3D 가상 오피스입니다.

스타
2,359
포크
644
열린 이슈
50
마지막 커밋
2개월 전

어떤 프로젝트인가요?

Claw3D는 자체 인프라에서 실행하는 AI 에이전트를 위한 3D 작업 공간입니다. 로그와 대시보드로 에이전트 활동을 확인하는 대신, 에이전트가 공동 세계를 돌아다니는 작업자로 나타나는 실시간 3D 오피스를 열 수 있습니다. 여기서 에이전트와 채팅하고 상태를 확인하며 승인과 세션을 관리할 수 있습니다.

Claw3D는 시각화 및 상호작용 계층이며, 에이전트 런타임 자체는 아닙니다. 게이트웨이를 통해 OpenClaw에 연결하고, 함께 제공되는 WebSocket 어댑터를 통해 Hermes에 연결합니다. 직접 HTTP 엔드포인트를 제공하는 오케스트레이터나 실제 에이전트 프레임워크 없이 오피스를 체험할 수 있는 내장 데모 게이트웨이에도 연결할 수 있습니다. Studio 서버가 WebSocket 트래픽을 프록시하므로 브라우저는 Studio와만 통신합니다.

프런트엔드는 Next.js, React, TypeScript로 구축했으며, 3D 오피스에는 Three.js와 React Three Fiber를, 오피스 레이아웃 빌더에는 Phaser를 사용합니다.

핵심 기능

  • 01에이전트가 이동하며 활동을 보여주는 실시간 3D 오피스
  • 02에이전트 채팅, 에이전트 그룹 관리, 승인 및 세션 제어
  • 03레이아웃을 편집하고 게시할 수 있는 오피스 레이아웃 빌더
  • 04OpenClaw, Hermes, 사용자 지정 HTTP 런타임 또는 데모 게이트웨이에 연결
  • 05공개 배포를 위한 액세스 토큰 보호 및 업스트림 호스트 허용 목록

활용 사례

  • 한 화면에서 AI 에이전트 팀의 코드 리뷰나 QA 파이프라인 실행을 관찰
  • 내장 데모 게이트웨이로 에이전트의 동작을 시각적으로 시연
  • Tailscale 또는 SSH 터널을 통해 원격 에이전트 환경에 접속

빠른 시작

  1. 1

    npm으로 종속성을 설치합니다(Node.js 20 이상 권장).

    npm install
  2. 2

    예제 환경 파일을 복사합니다.

    cp .env.example .env
  3. 3

    Studio 개발 서버를 시작한 다음 http://localhost:3000 을 열고 게이트웨이에 연결합니다.

    npm run dev

사용 전 알아둘 점

  • 실시간 에이전트를 표시하려면 별도로 실행 중인 OpenClaw, Hermes, 사용자 지정 런타임 또는 번들로 제공되는 데모 게이트웨이가 필요합니다.
  • 이 프로젝트는 비공식 커뮤니티 프로젝트이며 OpenClaw 팀과 제휴 관계가 없습니다.

포함된 컬렉션

토픽

자주 묻는 질문

Claw3D은(는) 무엇인가요?
OpenClaw, Hermes 또는 사용자 지정 런타임에서 실행되는 AI 에이전트를 관찰하고 상호작용할 수 있는 셀프 호스팅 3D 가상 오피스입니다. Claw3D는 자체 인프라에서 실행하는 AI 에이전트를 위한 3D 작업 공간입니다. 로그와 대시보드로 에이전트 활동을 확인하는 대신, 에이전트가 공동 세계를 돌아다니는 작업자로 나타나는 실시간 3D 오피스를 열 수 있습니다. 여기서 에이전트와 채팅하고 상태를 확인하며 승인과 세션을 관리할 수 있습니다.
Claw3D은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?
Claw3D은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.
Claw3D은(는) 아직 유지보수되고 있나요?
6개월 이내 업데이트. Claw3D의 마지막 커밋은 2026년 8월 21일입니다.
Claw3D은(는) 어디에 사용할 수 있나요?
한 화면에서 AI 에이전트 팀의 코드 리뷰나 QA 파이프라인 실행을 관찰 내장 데모 게이트웨이로 에이전트의 동작을 시각적으로 시연 Tailscale 또는 SSH 터널을 통해 원격 에이전트 환경에 접속
Claw3D는 어떻게 설치하나요?
npm으로 종속성을 설치합니다(Node.js 20 이상 권장).: npm install 예제 환경 파일을 복사합니다.: cp .env.example .env Studio 개발 서버를 시작한 다음 http://localhost:3000 을 열고 게이트웨이에 연결합니다.: npm run dev
Claw3D은(는) 어디서 받을 수 있나요?
소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/iamlukethedev/Claw3D

요약은 프로젝트 README를 바탕으로 AI가 작성했습니다. GitHub 통계는 매일 갱신됩니다.

관련 프로젝트