threejs-animation · calesthio — скилл для Claude Code: анимация и установка
Скилл помогает агенту работать с анимацией в Three.js: ключевыми кадрами, костями, morph targets и смешиванием клипов. Нужен при создании движения и запуске GLTF-анимаций.
npx skills add calesthio/OpenMontage --skill threejs-animation -a claude-codeЧто делает threejs-animation
threejs-animation разбирает систему анимации Three.js через AnimationClip, AnimationMixer и AnimationAction. В материалах есть процедурное движение, ключевые кадры для чисел, векторов, кватернионов, цветов, видимости и morph targets, а также управление запуском, паузой, временем, весом, циклами и плавными переходами между клипами.
Скилл показывает загрузку анимаций из GLTF через GLTFLoader, поиск клипа по имени и обновление mixer в цикле рендера. Отдельные примеры посвящены скелету, костям, SkeletonHelper и прикреплению объекта к кости. Для работы с примерами нужен three; для GLTF-сцен используется GLTFLoader.
Вызов mixer.update(delta) обязателен в цикле анимации, иначе воспроизведение клипа не будет обновляться. Это повод проверить цикл рендера проекта до настройки самих действий.
Какие задачи решает
- запустить анимацию из GLTF-файла
- собрать движение объекта по ключевым кадрам
- смешать два клипа через crossfade
- управлять костями и прикреплять объект к скелету
- настроить процедурное движение меша
Примеры запросов агенту
- Используй скилл `threejs-animation` и добавь в сцену процедурное движение объекта с `AnimationMixer`.
- С помощью `threejs-animation` загрузи `model.glb`, найди клип `Walk` и запусти его в цикле рендера.
- Разбери, как через `AnimationAction` сделать плавный переход между двумя анимациями Three.js.
Как установить threejs-animation
1Через Skills CLI (Vercel)
npx skills add calesthio/OpenMontage --skill threejs-animation -a claude-code2Вручную: положить файлы
~/.claude/skills/threejs-animation/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/threejs-animation/
1Через Skills CLI (Vercel)
npx skills add calesthio/OpenMontage --skill threejs-animation -a codex2Вручную: положить файлы
.agents/skills/threejs-animation/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add calesthio/OpenMontage --skill threejs-animation -a cursor2Вручную: положить файлы
.cursor/skills/threejs-animation/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install calesthio/OpenMontage threejs-animation2Вручную: положить файлы
.github/skills/threejs-animation/SKILL.md1Через Skills CLI (Vercel)
npx skills add calesthio/OpenMontage --skill threejs-animation -a gemini-cli2Командой платформы
gemini skills install https://github.com/calesthio/OpenMontage --path .claude/skills/threejs-animationВручную: положить файлы
.devin/skills/threejs-animation/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add calesthio/OpenMontage --skill threejs-animation -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
Из того же набора28
Весь набор →Другие версии threejs-animation
Похожие
Вопросы о threejs-animation
Как установить `threejs-animation` в Claude Code?
Выполните npx skills add calesthio/OpenMontage --skill threejs-animation -a claude-code, затем ещё раз npx skills add calesthio/OpenMontage --skill threejs-animation -a claude-code и проверьте файл ~/.claude/skills/threejs-animation/SKILL.md.
Что делает `threejs-animation`?
Скилл помогает создавать и разбирать анимацию в Three.js: ключевые кадры, процедурное движение, GLTF-клипы, скелетные анимации и смешивание действий.
Что нужно учесть при воспроизведении клипа?
После создания AnimationMixer его нужно обновлять через mixer.update(delta) внутри цикла анимации. Для загрузки GLTF используется GLTFLoader.
