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

threejs-materials · calesthio — скилл для Claude Code: материалы и шейдеры

Справочник по материалам Three.js: PBR, базовые, фонговские, кастомные шейдеры. Помогает быстро выбрать нужный материал для сетки, настроить текстуры и оптимизировать рендеринг.

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

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

Скилл содержит полный каталог материалов Three.js с примерами кода. Покрывает восемь встроенных типов — от простого MeshBasicMaterial без освещения до MeshPhysicalMaterial с поддержкой очков, прозрачности и анизотропии. Для каждого типа приводятся параметры, примеры использования и рекомендации.

Внутри — готовые конфигурации для частых задач: стекло с преломлением, автомобильная краска с лаком, cel-шейдинг. Примеры показывают, как работают текстуры, нормали, displacement-карты, окружающее освещение. Есть примеры для PointsMaterial и кастомных ShaderMaterial, если нужен полный контроль.

Используй скилл, когда выбираешь материал для новой геометрии, настраиваешь PBR-параметры, хочешь понять разницу между Phong и Standard, или нужен шаблон для сложного эффекта. Текст обрезан, но включает основные типы и их применение.

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

  • выбрать материал для реалистичного рендеринга
  • настроить параметры PBR для железа и диэлектрика
  • создать прозрачное стекло с преломлением света
  • применить карты текстур (нормали, displacement, окружение)
  • реализовать cel-шейдинг или кастомный шейдер

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

  • Покажи, как создать MeshStandardMaterial с картой шероховатости
  • Как настроить transmission и thickness для стекла
  • Нужен пример clearcoat для автомобильной краски

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

1Через Skills CLI (Vercel)

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

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

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

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

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

threejs-materials CloudAI-X Помогает выбирать и настраивать материалы Three.js для мешей, линий и точек. Пригодится, когда нужно задать освещение, PBR, прозрачность или поведение поверхности. Claude Code CX Codex Cursor +1 14 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-materials

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

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

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

Это справочник по всем типам материалов в Three.js: базовые, освещённые, PBR, кастомные шейдеры. Содержит примеры кода, параметры и готовые конфигурации для частых случаев.

Когда использовать MeshStandardMaterial вместо MeshPhongMaterial?

MeshStandardMaterial основан на физике (PBR) и даёт более реалистичный вид. Используй его, если нужна реалистичность и поддержка карт roughness и metalness. MeshPhongMaterial проще и быстрее, подходит для стилизованной графики.

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

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

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

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