What the tech

Search

Browse topics

/ opens search from anywhere. Esc closes it.

Tools
What the tech
Get the newsletter

threejs-animation: a Claude Code skill by CloudAI-X

For web developers animating three.js scenes, glTF characters or morph targets. Skip it if you do not use three.js or need help with 2D CSS and UI motion instead.

Copy install command View the source
Score
71of 100
Rank
#167of 239
Installs
25.4Kon skills.sh
Security
Clear 5 scanners
Updated
2026
Context
~64tokens always

Install

npx skills add https://github.com/cloudai-x/threejs-skills --skill threejs-animation

Run it in your terminal. View the source

Using the Claude app rather than Claude Code? You can add a skill there too. How to add it in the app

What does threejs-animation do?

threejs-animation is a skill that gives Claude working code patterns for animation in three.js r186. It explains how AnimationClip, AnimationMixer and AnimationAction fit together, then shows keyframe tracks for position, quaternion rotation, color, opacity and visibility, with linear, smooth, step and Bezier interpolation. Further sections cover playing glTF clips, cloning skinned models with SkeletonUtils, posing bones after mixer.update, morph targets, weight blending, crossfades, additive clips and damped procedural motion. A WebGPU section uses TSL time nodes and oscillators for GPU vertex motion. A closing list fixes common errors such as the deprecated Clock class and mismatched track arrays.

When should you use threejs-animation?

Use it when

  • You are playing walk or idle clips from a glTF model
  • You need to crossfade or blend two character animations
  • You want GPU vertex motion with WebGPU and TSL

Skip it when

  • Your project does not use three.js
  • You only need CSS or UI transitions

What it needs and what it can touch

You need

  • A project using three.js

From reading its instructions, not from running it.

Why it scores 71

Strongest on upkeep (100 of 100), weakest on adoption (44).

  • Adoption35 points 44
  • Upkeep20 points 100
  • Trust20 points 65
  • Quality15 points 100
  • Reader answers10 points Not enough answers yet, so this does not count

How the formula works

Is threejs-animation safe to install?

Every scanner that checked it passed it. Scanners often miss what other scanners catch, and a skill can change after a scan. Read its source before you install it.

ScannerResultDate
Gen Agent Trust HubPassedOct 22, 2026
SocketPassedOct 19, 2026
SnykLow riskOct 19, 2026
RunlayerPassedFeb 25, 2026
ZeroLeaksPassedApr 16, 2026

Details

Installs
25,414
Repository stars
4,115
Last repository change
Tokens always loaded
about 64
Tokens when used
about 5,257
License
MIT
Data confidence
High

Alternatives to threejs-animation

All skills for this job