К основному содержанию
affpapa.org
RU EN
скилл Claude Code CX Codex Cursor GitHub Copilot

threejs-loaders · calesthio — скилл для Claude Code: загрузка 3D-моделей и текстур

Скилл для работы с Three.js: загружает GLTF-модели, текстуры, HDR-среды и управляет прогрессом загрузки через LoadingManager. Пригодится, если в проекте нужно добавить 3D-сцены или работать с моделями из Blender.

Установить в Claude Code · Через Skills CLI (Vercel) Все способы и платформы ↓ 
npx skills add calesthio/OpenMontage --skill threejs-loaders -a claude-code
Открыть на GitHub

Что делает threejs-loaders

Скилл предоставляет готовые шаблоны для всех основных типов загрузки: GLTFLoader для 3D-моделей, TextureLoader для изображений, CubeTextureLoader для skybox'ов, RGBELoader и EXRLoader для HDR-окружений. Внутри — примеры работы с LoadingManager для отслеживания прогресса нескольких ассетов, настройки текстур (цветовое пространство, обёртывание, фильтрация, анизотропия), обработка загруженных моделей (тени, поиск объектов, масштабирование).

Когда модель загружена, можно сразу получить доступ к анимациям, камерам и пользовательским данным из редактора. Для больших моделей предусмотрена поддержка Draco-сжатия и KTX2-текстур — это снижает размер файлов. Скилл содержит примеры PMREMGenerator для PBR и обхода сцены через traverse().

Требуется Three.js и его расширения (addons). Если используешь compressed-model.glb, потребуется Draco-декодер с гугл-CDN.

Какие задачи решает

  • загрузить GLTF-модель в сцену вместе с анимациями
  • настроить текстуры и управлять их повтором, смещением, фильтрацией
  • отследить прогресс загрузки нескольких ассетов
  • установить HDR-окружение для реалистичного освещения
  • сжать 3D-модели без потери качества

Примеры запросов агенту

  • Загрузи модель model.glb и добавь её в сцену с анимациями
  • Настрой загрузку текстуры с повтором 2x2 и сглаживанием
  • Покажи прогресс загрузки всех ассетов через LoadingManager

Как установить threejs-loaders

1Через Skills CLI (Vercel)

npx skills add calesthio/OpenMontage --skill threejs-loaders -a claude-code

2Вручную: положить файлы

~/.claude/skills/threejs-loaders/SKILL.md

Папка скилла целиком; для одного проекта — .claude/skills/threejs-loaders/

Из того же набора28

Весь набор →
video-understand calesthio Скилл извлекает кадры из видео и расшифровывает аудио локально через ffmpeg и Whisper. Подходит для анализа роликов без API-ключей. Claude Code CX Codex Cursor +1 1 300установок remotion calesthio Скилл для вёрстки видео в Remotion с библиотекой переходов и правилами сборки сцен при 30 кадрах в секунду. Claude Code CX Codex Cursor +1 1 200установок video-download calesthio Скачивает видео, аудио и субтитры по URL через yt-dlp. Пригодится для получения файла, выбора качества или просмотра метаданных без загрузки. Claude Code CX Codex Cursor +1 1 200установок lottie-bodymovin calesthio Помогает переносить 12 принципов диснеевской анимации в векторные Lottie-ролики. Связывает формулы After Effects с управлением через JavaScript. Claude Code CX Codex Cursor +1 1 100установок create-video calesthio Скилл превращает описание в готовый видеоролик: пишешь, что хочешь видеть, а HeyGen генерирует сценарий, выбирает аватара, озвучивает и монтирует. Подходит для быстрого создания демо, объяснялок и промо без лишних настроек. Claude Code CX Codex Cursor +1 1 100установок video-toolkit calesthio Автоматизирует создание видео: генерирует закадровый голос, музыку, анимирует говорящие головы, компонует сцены через Remotion. Нужны Node.js, Python3, ffmpeg и доступ к облачным GPU (Modal или RunPod). Claude Code CX Codex Cursor +1 1 100установок text-to-speech calesthio Генерирует аудио из текста через HeyGen Starfish, подбирая голос, скорость и тон. Пригодится для озвучки, дикторского текста и подкастов. Claude Code CX Codex Cursor +1 1 100установок bfl-api Black Forest Labs Скилл помогает подключать BFL FLUX API для генерации и редактирования изображений. Нужен для асинхронных запросов, polling и вебхуков. Claude Code CX Codex Cursor +1 1 000установок

Другие версии threejs-loaders

threejs-loaders CloudAI-X Скилл обучает ИИ загружать 3D-модели glTF, текстуры и HDR-карты в three.js r186. Пригодится при настройке ассетов, цветовых пространств и шкалы прогресса для WebGL или WebGPU. Claude Code CX Codex Cursor +1 12 700установок

Похожие

co-op-game-intro-generator MiniMax-AI Скилл создаёт вступительный ролик совместной игры для двоих. Он собирает меню, подгоняет персонажей под выбранный стиль и готовит промпты для MiniMax H3. Claude Code CX Codex Cursor +1 3 300установок controlnet-pose prime-skills Скилл для управления позой и движением в видео и изображениях через RunComfy. Перенос движений из исходного видео на целевого персонажа, анимация по позам и создание изображений с контролем глубины или скелета. Claude Code CX Codex Cursor +1 377 000установок game-developer https://github.com/Jeffallan Скилл для разработки игр в Unity и Unreal Engine. Помогает строить системы игровой логики, настраивать физику, многопользовательские сети, шейдеры и оптимизировать производительность до 60+ FPS. Claude Code CX Codex Cursor +1 6 400установок shader-dev MiniMax-AI Набор руководств по 36 техникам GLSL для генерации шейдеров под ShaderToy и WebGL2. Пригодится для процедурного 3D, рей-марчинга и визуальных эффектов прямо в коде. Claude Code CX Codex Cursor +1 2 500установок game-setup-and-config phaserjs Скилл помогает инициализировать инстанс Phaser 4 и собрать объект GameConfig с нужным рендерером, масштабированием и FPS. Пригодится при настройке канваса и пиксель-арта. Claude Code CX Codex Cursor +1 1 200установок sprites-and-images phaserjs Помогает создавать и настраивать объекты Sprite и Image в Phaser 4. Подсказывает правильные методы миксинов для позиционирования, масштабирования, кадров и обрезки текстур. Claude Code CX Codex Cursor +1 1 100установок orbit-card heygen-com Скилл для встраивания готового 10-секундного 3D-блока HyperFrames: карточка фичи облетает сферу из точек по траектории камеры из Blender. Claude Code CX Codex Cursor +1 9 800установок sdf earthtojake Скилл создаёт и проверяет SDFormat-файлы для моделей и миров, а затем помогает подготовить их к передаче в симулятор. Claude Code CX Codex Cursor +1 10 500установок

Вопросы о threejs-loaders

Как установить threejs-loaders в Claude Code?

Выполни npx skills add calesthio/OpenMontage --skill threejs-loaders -a claude-code, затем открой ~/.claude/skills/threejs-loaders/SKILL.md — там полные шаблоны и примеры.

Что делает threejs-loaders?

Предоставляет готовые примеры для загрузки 3D-моделей (GLTF, GLB), текстур (JPG, PNG), HDR-окружений, управления прогрессом через LoadingManager и обработки загруженного контента в сцене.

Какие зависимости нужны?

Three.js и его модули (GLTFLoader, TextureLoader, RGBELoader и др. из three/addons). Для сжатых моделей потребуется DRACOLoader с доступом к декодеру на CDN.

Смотрите также

Спонсоры проекта

Компании, которые помогают держать аналитику открытой
Золотой спонсор AI-аналитика спроса на iGaming — индекс, тренды, конкуренты
Nutra.Club Закрытое сообщество Nutra-вертикали от команды M1

Показы, клики и копирования кода — открытая статистика. Мы держим цифры публичными по той же логике, что и сам NeBlask. Стать спонсором