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

threejs-textures · calesthio — скилл для Claude Code: текстуры, UV-mapping и среды

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

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

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

Скилл содержит примеры кода для всех типов текстур: базовая загрузка через TextureLoader, асинхронная работа с промисами, настройка цветового пространства (важно для правильной передачи цвета — sRGB для цветовых карт, NoColorSpace для данных вроде нормалей и шероховатости). Охватывает режимы обёртывания (RepeatWrapping, ClampToEdgeWrapping, MirroredRepeatWrapping), фильтрацию и миpmaps, работу с Canvas-, Video- и DataTexture.

Для окружения показаны кубмапы через CubeTextureLoader, загрузка HDR через RGBELoader и EXRLoader с преобразованием equirectangular в кубмап через PMREMGenerator. Примеры для рендер-целей (render targets), depth-текстур и сжатых форматов (KTX2). Каждый фрагмент кода — готов к копированию в проект с Three.js.

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

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

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

  • Покажи, как загрузить текстуру с помощью TextureLoader и применить её к MeshStandardMaterial
  • Как установить сжатую текстуру KTX2 в Three.js?
  • Помоги настроить RGBE HDR-файл как окружение сцены

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

1Через Skills CLI (Vercel)

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

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

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

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

Из того же набора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-textures

threejs-textures CloudAI-X Скилл помогает настраивать загрузку изображений, цветовые пространства и типы текстур в Three.js r186. Пригодится при сборке материалов для WebGL или WebGPU. Claude Code CX Codex Cursor +1 12 400установок

Похожие

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-textures

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

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

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

Предоставляет примеры кода для загрузки и настройки текстур в Three.js: 2D-текстуры, кубмапы, HDR-среды, рендер-цели, фильтрацию и оптимизацию.

Зачем устанавливать colorSpace для текстур?

Цветовые карты должны использовать SRGBColorSpace для правильной передачи цвета. Данные-текстуры (нормали, шероховатость, metalness) оставляют в NoColorSpace (по умолчанию), иначе цвета искажаются.

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

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

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

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