Made with Three.js by AdAnt

About this skill

A focused skill from CloudAI-X's Three.js collection. It targets three.js r186 and covers keyframes, skeletons, morph targets, procedural motion and clip blending. The 3D look spreading on X starts from work like this.

You say

Build a slowly rotating product scene in Three.js, with floating shapes and a soft camera push.

How it works

  1. Your agent learns how clips, keyframe tracks, the mixer and actions fit together in Three.js.
  2. It plays glTF animations, or writes keyframes and procedural motion when there is no model to load.
  3. It blends clips by weight, so a character can move between states without a jump.

Getting a good result

  • Describe the motion and the feeling you want, along with the objects, so the agent has a target beyond a spinning shape.
  • For a video file, drive the scene from a time value you can seek. Real-time clocks drop frames on capture.
  • Reuse geometry and keep draw calls low, since a heavy scene slows every frame of a browser page.

What you get

  • The threejs-animation skill at a pinned commit
  • The MIT license and attribution

Good fit

  • 3D hero moments
  • Code-made 3D Shorts

Not for

  • Rendering a video on its own
  • Rigging from scratch

How to install it

  1. Download the ZIP and unzip it.
  2. Move the folder holding SKILL.md into your agent's skills folder, such as ~/.claude/skills/ for Claude Code.
  3. Start a new session and ask for what you want to make.

Needs: An agent that reads skills, three.js.

Popular on X

Posts showing demand for this kind of video, with views measured on 31 October 2026. Unless a post names this tool, it wasn't made with it.

FAQ

Is it really free?

Yes. Create a free AdAnt account to download the ZIP. There is no card and no trial timer.

Does it render an MP4?

No. It animates the scene. Capture the frames with a renderer such as HyperFrames or Playwright and ffmpeg.

Related skills

Free

HyperFrames: HTML to Video

Have Claude write launch films, explainers and title cards as HTML, then render them to MP4.

Free

Vertical Ad Motion Graphics

Direct and build a 9:16 motion graphics ad that works on mute, with no footage.

Free

GSAP Animation Core

Give your agent GreenSock's official guidance for timing, easing and stagger.