Repolode
提交项目
iamlukethedev

iamlukethedev/Claw3D

自托管的 3D 虚拟办公室，可直观查看并与运行在 OpenClaw、Hermes 等后端上的 AI 智能体互动。

在 GitHub 查看官网
Star
2,359
Fork
644
未关闭 Issue
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办公室布局编辑器，可编辑并发布布局
  • 04可连接 OpenClaw、Hermes、自定义 HTTP 运行时或演示网关
  • 05支持访问令牌保护和上游主机白名单，便于公网部署

适用场景

  • 在一个视图中观察一组 AI 智能体执行代码审查或质量检测流程
  • 借助内置演示网关直观展示智能体行为
  • 通过 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 团队没有关联。

收录于专题

开源 AI Agent 框架与应用自托管应用

标签

#ai-agents#openclaw#3d-visualization#threejs#webgl#self-hosted#nextjs#typescript#3d-engine#claw3d

常见问题

Claw3D 是什么？
自托管的 3D 虚拟办公室，可直观查看并与运行在 OpenClaw、Hermes 等后端上的 AI 智能体互动。 Claw3D 是一个用于 AI 智能体的 3D 工作空间，部署在自己的基础设施上。它不需要通过日志和仪表盘追踪智能体的运行情况，而是提供一个实时的 3D 办公室，智能体以工作人员的形象在其中移动。在这里你可以与智能体聊天、查看其状态，并处理审批和会话。
Claw3D 可以免费使用吗？用的什么许可证？
Claw3D 以 MIT 许可证开源。用于商业产品前，请先确认许可证条款。
Claw3D 还在维护吗？
半年内有更新。Claw3D 最近一次提交是在 2026年8月21日。
Claw3D 适合用来做什么？
在一个视图中观察一组 AI 智能体执行代码审查或质量检测流程 借助内置演示网关直观展示智能体行为 通过 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

概要由 AI 根据项目 README 生成；GitHub 数据每日更新。

相关项目