Воссоздаёт объект по одному изображению в виде процедурного TypeScript-кода для Three.js, готового к анимации, а не файла с мешем.
iamlukethedev/Claw3D
Самостоятельно размещаемый 3D-офис, где можно наблюдать за AI-агентами на OpenClaw, Hermes или собственных рантаймах и взаимодействовать с ними.
- Звёзды
- 2,359
- Форки
- 644
- Открытые issues
- 50
- Последний коммит
- 2 месяца назад
Что это?
Claw3D — это 3D-пространство для AI-агентов, которое разворачивается на собственной инфраструктуре. Вместо того чтобы следить за активностью агентов по логам и дашбордам, вы открываете интерактивный 3D-офис, где агенты перемещаются по общему миру как сотрудники. Здесь можно общаться с агентами, проверять их статус, обрабатывать запросы на подтверждение и управлять сессиями.
Claw3D отвечает за визуализацию и взаимодействие, а не за запуск самих агентов. Он подключается к OpenClaw через его gateway, к Hermes — через встроенный WebSocket-адаптер, к любому оркестратору с прямым HTTP-эндпоинтом или к встроенному demo gateway, чтобы попробовать офис без настоящего фреймворка для агентов. Сервер Studio проксирует WebSocket-трафик, поэтому браузер взаимодействует только со Studio.
Фронтенд создан на Next.js, React и TypeScript. Для 3D-офиса используются Three.js и React Three Fiber, а для редактора планировки — Phaser.
Ключевые возможности
- 013D-офис в реальном времени, где агенты перемещаются и показывают свою активность
- 02Чат с агентами, управление их группой, подтверждения и управление сессиями
- 03Редактор планировки офиса для изменения и публикации вариантов
- 04Подключение к OpenClaw, Hermes, собственным HTTP-рантаймам или demo gateway
- 05Защита токеном доступа и списки разрешённых upstream-хостов для публичных развёртываний
Сценарии использования
- Наблюдение за командой AI-агентов, выполняющих код-ревью или QA-процессы, в одном окне
- Наглядная демонстрация поведения агентов с помощью встроенного demo gateway
- Подключение к удалённой конфигурации агентов через Tailscale или SSH-туннель
Быстрый старт
- 1
Установите зависимости с помощью npm (рекомендуется Node.js 20 или новее).
npm install - 2
Скопируйте пример файла окружения.
cp .env.example .env - 3
Запустите сервер разработки Studio, затем откройте http://localhost:3000 и подключитесь к шлюзу.
npm run dev
Что важно знать
- Для отображения активных агентов требуется отдельно запущенный OpenClaw, Hermes, пользовательская среда выполнения или входящий в комплект демонстрационный шлюз.
- Это неофициальный проект сообщества, не связанный с командой OpenClaw.
В подборках
Темы
Частые вопросы
- Что такое Claw3D?
- Самостоятельно размещаемый 3D-офис, где можно наблюдать за AI-агентами на OpenClaw, Hermes или собственных рантаймах и взаимодействовать с ними. Claw3D — это 3D-пространство для AI-агентов, которое разворачивается на собственной инфраструктуре. Вместо того чтобы следить за активностью агентов по логам и дашбордам, вы открываете интерактивный 3D-офис, где агенты перемещаются по общему миру как сотрудники. Здесь можно общаться с агентами, проверять их статус, обрабатывать запросы на подтверждение и управлять сессиями.
- Claw3D можно использовать бесплатно? Какая у него лицензия?
- Claw3D распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
- Claw3D всё ещё поддерживается?
- Обновлялся за последние 6 месяцев. Последний коммит в Claw3D — 21 авг. 2026 г..
- Для чего можно использовать Claw3D?
- Наблюдение за командой AI-агентов, выполняющих код-ревью или QA-процессы, в одном окне Наглядная демонстрация поведения агентов с помощью встроенного demo gateway Подключение к удалённой конфигурации агентов через 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 проекта. Статистика GitHub обновляется ежедневно.
Похожие проекты
Подборка навыков и плагинов для Claude Code, обучающих Claude работе с Three.js, GSAP, React Three Fiber и другими инструментами для веб-3D и анимации.
Браузерная студия превизуализации для расстановки объектов в сцене, позирования персонажей и монтажа движений камеры с последующей передачей кадров AI-моделям для генерации видео.
Набор навыков для Claude Code, которые создают видео — каждый кадр и музыкальную дорожку генерируют в коде, отдельный навык для каждого визуального стиля.
Набор из девяти навыков агентов Codex и Claude Code для создания готовых к игре, отполированных браузерных игр на Three.js; навык-директор распределяет задачи.
Бесплатный двуязычный 3D-музей в браузере, где маленькие дети и взрослые изучают доисторических животных суши, моря и неба.