Reconstruye un objeto a partir de una imagen de referencia como código TypeScript procedural de Three.js, listo para animar, en lugar de un archivo de malla.
iamlukethedev/Claw3D
Una oficina virtual 3D autoalojada para observar e interactuar con agentes de IA que se ejecutan en OpenClaw, Hermes o runtimes personalizados.
- Estrellas
- 2,359
- Forks
- 644
- Issues abiertos
- 50
- Último commit
- hace 2 meses
¿Qué es?
Claw3D es un espacio de trabajo 3D para agentes de IA que se ejecuta en tu propia infraestructura. En lugar de seguir la actividad de los agentes mediante logs y dashboards, puedes abrir una oficina 3D en vivo donde los agentes aparecen como trabajadores que se mueven por un mundo compartido. Desde allí puedes chatear con los agentes, consultar su estado y gestionar aprobaciones y sesiones.
Claw3D es la capa de visualización e interacción, no el runtime de los agentes. Se conecta a OpenClaw a través de su gateway, a Hermes mediante un adaptador WebSocket incluido, a cualquier orquestador que exponga un endpoint HTTP directo o a un gateway de demostración integrado para probar la oficina sin un framework de agentes real. El servidor de Studio sirve de proxy para el tráfico WebSocket, de modo que el navegador solo se comunica con Studio.
El frontend está desarrollado con Next.js, React y TypeScript, con Three.js y React Three Fiber para la oficina 3D, y Phaser para el constructor de diseños de oficina.
Funciones clave
- 01Oficina 3D en tiempo real donde los agentes se desplazan y muestran su actividad
- 02Chat con agentes, gestión de flotas, aprobaciones y controles de sesión
- 03Constructor de diseños de oficina para editar y publicar distribuciones
- 04Se conecta a OpenClaw, Hermes, runtimes HTTP personalizados o un gateway de demostración
- 05Protección mediante tokens de acceso y listas de hosts upstream permitidos para despliegues públicos
Casos de uso
- Observar en una sola vista a un equipo de agentes de IA que ejecuta revisiones de código o pipelines de QA
- Mostrar visualmente el comportamiento de los agentes con el gateway de demostración integrado
- Conectarse a una configuración remota de agentes mediante Tailscale o un túnel SSH
Inicio rápido
- 1
Instala las dependencias con npm (se recomienda Node.js 20 o superior).
npm install - 2
Copia el archivo de entorno de ejemplo.
cp .env.example .env - 3
Inicia el servidor de desarrollo de Studio, abre http://localhost:3000 y conéctate a una pasarela.
npm run dev
Antes de usarlo
- Para mostrar agentes en vivo, necesita un OpenClaw o Hermes en ejecución independiente, un runtime personalizado o la pasarela de demostración incluida.
- Es un proyecto comunitario no oficial y no está afiliado al equipo de OpenClaw.
En colecciones
Temas
Preguntas frecuentes
- ¿Qué es Claw3D?
- Una oficina virtual 3D autoalojada para observar e interactuar con agentes de IA que se ejecutan en OpenClaw, Hermes o runtimes personalizados. Claw3D es un espacio de trabajo 3D para agentes de IA que se ejecuta en tu propia infraestructura. En lugar de seguir la actividad de los agentes mediante logs y dashboards, puedes abrir una oficina 3D en vivo donde los agentes aparecen como trabajadores que se mueven por un mundo compartido. Desde allí puedes chatear con los agentes, consultar su estado y gestionar aprobaciones y sesiones.
- ¿Claw3D es gratuito? ¿Qué licencia tiene?
- Claw3D es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
- ¿Claw3D sigue mantenido?
- Actualizado en los últimos 6 meses. El último commit de Claw3D fue el 21 ago 2026.
- ¿Para qué puedo usar Claw3D?
- Observar en una sola vista a un equipo de agentes de IA que ejecuta revisiones de código o pipelines de QA Mostrar visualmente el comportamiento de los agentes con el gateway de demostración integrado Conectarse a una configuración remota de agentes mediante Tailscale o un túnel SSH
- ¿Cómo se instala Claw3D?
- Instala las dependencias con npm (se recomienda Node.js 20 o superior).: npm install Copia el archivo de entorno de ejemplo.: cp .env.example .env Inicia el servidor de desarrollo de Studio, abre http://localhost:3000 y conéctate a una pasarela.: npm run dev
- ¿Dónde consigo Claw3D?
- El código fuente y las instrucciones de instalación están en GitHub: https://github.com/iamlukethedev/Claw3D
Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.
Proyectos relacionados
Colección de skills y plugins para Claude Code que le enseñan a Claude sobre Three.js, GSAP, React Three Fiber, Framer Motion, Babylon.js y otras herramientas de animación y 3D web.
Estudio de previsualización en el navegador para bloquear escenas, posar personajes y editar movimientos de cámara, y luego enviar los planos a modelos de video con IA.
Conjunto de skills de Claude Code para crear videos generando cada fotograma y la música mediante código, con una skill por estilo visual.
Un paquete de nueve skills de agente para Codex y Claude Code, pensado para crear juegos de navegador pulidos y jugables con Three.js, con una skill directora que distribuye el trabajo.
Un museo 3D gratuito y bilingüe en el navegador para que niños pequeños y adultos exploren animales prehistóricos terrestres, marinos y voladores.