Reconstrói um objeto a partir de uma imagem de referência em código procedural TypeScript para Three.js, pronto para animação, e não em um arquivo de malha.
iamlukethedev/Claw3D
Um escritório virtual 3D auto-hospedado para acompanhar e interagir com agentes de IA executados no OpenClaw, Hermes ou runtimes personalizados.
- Estrelas
- 2,359
- Forks
- 644
- Issues abertas
- 50
- Último commit
- há 2 meses
O que é?
Claw3D é um espaço de trabalho 3D para agentes de IA executados na sua própria infraestrutura. Em vez de acompanhar a atividade dos agentes por logs e dashboards, você abre um escritório 3D ao vivo, onde os agentes aparecem como trabalhadores se movimentando por um mundo compartilhado. De lá, você pode conversar com os agentes, conferir o status deles e gerenciar aprovações e sessões.
Claw3D é a camada de visualização e interação, não o runtime dos agentes. Ele se conecta ao OpenClaw pelo gateway, ao Hermes por meio de um adaptador WebSocket incluído, a qualquer orquestrador que exponha um endpoint HTTP direto ou a um gateway de demonstração integrado, para você experimentar o escritório sem um framework de agentes real. O servidor Studio faz proxy do tráfego WebSocket, de modo que o navegador só se comunica com o Studio.
O frontend é desenvolvido com Next.js, React e TypeScript, com Three.js e React Three Fiber para o escritório 3D e Phaser para o construtor de layouts do escritório.
Recursos principais
- 01Escritório 3D em tempo real, onde os agentes se movimentam e mostram suas atividades
- 02Chat com agentes, gerenciamento da frota, aprovações e controles de sessão
- 03Construtor de layouts do escritório para editar e publicar layouts
- 04Conecta-se ao OpenClaw, Hermes, runtimes HTTP personalizados ou a um gateway de demonstração
- 05Proteção por token de acesso e listas de hosts upstream permitidos para implantações públicas
Casos de uso
- Acompanhar em uma única visualização uma equipe de agentes de IA executando revisões de código ou pipelines de QA
- Demonstrar visualmente o comportamento dos agentes com o gateway de demonstração integrado
- Acessar uma configuração remota de agentes por meio do Tailscale ou de um túnel SSH
Início rápido
- 1
Instale as dependências com npm (recomendamos Node.js 20 ou superior).
npm install - 2
Copie o arquivo de ambiente de exemplo.
cp .env.example .env - 3
Inicie o servidor de desenvolvimento do Studio, abra http://localhost:3000 e conecte-se a um gateway.
npm run dev
Antes de usar
- Para exibir agentes ativos, é necessário ter um OpenClaw ou Hermes em execução separadamente, um runtime personalizado ou o gateway de demonstração incluído.
- Este é um projeto comunitário não oficial e não tem vínculo com a equipe do OpenClaw.
Em coleções
Tópicos
Perguntas frequentes
- O que é Claw3D?
- Um escritório virtual 3D auto-hospedado para acompanhar e interagir com agentes de IA executados no OpenClaw, Hermes ou runtimes personalizados. Claw3D é um espaço de trabalho 3D para agentes de IA executados na sua própria infraestrutura. Em vez de acompanhar a atividade dos agentes por logs e dashboards, você abre um escritório 3D ao vivo, onde os agentes aparecem como trabalhadores se movimentando por um mundo compartilhado. De lá, você pode conversar com os agentes, conferir o status deles e gerenciar aprovações e sessões.
- Claw3D é gratuito? Qual é a licença?
- Claw3D é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
- Claw3D ainda é mantido?
- Atualizado nos últimos 6 meses. O último commit de Claw3D foi em 21 de ago. de 2026.
- Para que posso usar Claw3D?
- Acompanhar em uma única visualização uma equipe de agentes de IA executando revisões de código ou pipelines de QA Demonstrar visualmente o comportamento dos agentes com o gateway de demonstração integrado Acessar uma configuração remota de agentes por meio do Tailscale ou de um túnel SSH
- Como instalar Claw3D?
- Instale as dependências com npm (recomendamos Node.js 20 ou superior).: npm install Copie o arquivo de ambiente de exemplo.: cp .env.example .env Inicie o servidor de desenvolvimento do Studio, abra http://localhost:3000 e conecte-se a um gateway.: npm run dev
- Onde consigo Claw3D?
- O código-fonte e as instruções de instalação estão no GitHub: https://github.com/iamlukethedev/Claw3D
Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.
Projetos relacionados
Coleção de skills e plugins para Claude Code que ensinam Claude a usar Three.js, GSAP, React Three Fiber, Framer Motion, Babylon.js e outras ferramentas de 3D e animação para a web.
Estúdio de pré-visualização no navegador para bloquear cenas, posar personagens e montar movimentos de câmera, com envio dos planos a modelos de vídeo com IA.
Conjunto de skills do Claude Code que criam vídeos gerando cada quadro e a trilha musical em código, com uma skill para cada estilo visual.
Pacote com nove skills de agente para Codex e Claude Code criarem jogos de navegador jogáveis e refinados em Three.js, com uma skill diretora que coordena o trabalho.
Um museu 3D gratuito e bilíngue no navegador, onde crianças pequenas e seus responsáveis exploram animais pré-históricos da terra, do mar e do céu.