AI Inspiration WorldAdded Nov 4, 2026
threejs-skills
Thirteen three.js Skills that help Claude Code write 3D web code for the release you actually install.
- Ecosystem
- Agent Skills
- Skill category
- Coding
- Creator / organization
- CloudAI-X
What it is
threejs-skills is a set of Claude Code Skills from CloudAI-X about three.js, the library for 3D on the web. The author points out that what Claude Code learned about three.js mixes many old releases, and a lot of APIs were renamed or removed between r160 and r186. These Skills target r186 and cover scenes, geometry, materials, lighting, textures, animation, shaders, post-processing, performance and React Three Fiber. Claude Code loads whichever one matches your request. What stands out: the author says every example was checked against the published packages, so import paths and class names exist.
Highlights:
- 13 Skills, each with a runnable starter example
- every Skill has a WebGPU and TSL section
- a Common Mistakes section pairs outdated code with the r186 fix.
How to use:
- First run npx skills add cloudai-x/threejs-skills
- or clone the repo and copy the skills folder into ~/.claude/skills/
- then just ask Claude Code for a 3D scene and it picks them up.
Who it's for:
Frontend developers using Claude Code to build three.js or React Three Fiber pages.
Before you start:
- You need Claude Code or another assistant that supports Skills.
- The Skills are text; examples use open-source packages such as three.js and gltf-transform.
- three.js is the open-source library these Skills document; the project isn't affiliated with three.js.
- MIT license.
Based on the project's public documentation. Not tested by AI Inspiration World.