←Leaderboard/Design/threejs-skills
Last commit on October 18, 2026·Created on January 19, 2026

CloudAI-X/threejs-skills

“A technical guide for building interactive 3D web experiences with Three.js”
Combined rank
#139
across all skills
In Design
#23
category rank
Stars
3.6k
+2.2% in last 7d
Forks
406
+1.8% in last 7d
Watchers
11
0.0% in last 7d
Traction scoreGitHub stars can be faked, so popularity alone can be misleading. Traction Score looks for broader signs of recent attention, adoption, and active maintenance.
TL;DR

This collection provides a structured approach to developing 3D content for the browser. It guides frontend engineers through the essential mechanics of scene setup, from configuring renderers and cameras to managing complex object hierarchies.

Beyond the basics, the skill set covers high-fidelity motion, including skeletal animation and morph targets. This allows developers to implement procedural movement and blend GLTF animations for more fluid interactive experiences.

WHO IT'S FOR
Frontend engineers
building interactive 3D web experiences
Creative technologists
implementing complex 3D animations and motion
Technical artists
optimizing 3D assets and lighting for the web
Game developers
creating browser-based 3D game mechanics
Compatible AgentsThe repository documents support for these agents. The skills may also work with other agents that can load SKILL.md files, but they may need some setup or small changes.

Use this skill collection

Follow the documented setup, then try a first task.

See the repository for installation instructions.

Open repository instructions ↗

Give it something to do.

Suggested first task

Add camera controls and click selection

Uses threejs-interaction

  • [SCENE_FILE]: path to the existing Three.js scene module

Make sure threejs-interaction is installed in your agent before trying this task.

Use the threejs-interaction skill to add OrbitControls with damping and raycaster-based click selection to [SCENE_FILE]. When an object is selected, log the selected object. Treat [SCENE_FILE] as the path to an existing Three.js scene module with camera, renderer, and scene objects already defined.