Choosing and configuring three.js materials - unlit, diffuse, specular, PBR, toon, point and line materials - shared properties like blending and stencil, environment response, and the WebGPU node-material and TSL equivalents. Use when styling meshes or tuning material behavior.
Install
npx skills add CloudAI-X/threejs-skills --skill threejs-materialsnpx skills add CloudAI-X/threejs-skills --skill threejs-materials -a claude-code -gnpx skills add CloudAI-X/threejs-skills --skill threejs-materials -a codex -ggemini skills install https://github.com/CloudAI-X/threejs-skills.git --path skills/threejs-materialsgh skill install CloudAI-X/threejs-skills threejs-materialsgit clone --depth 1 https://github.com/CloudAI-X/threejs-skills /tmp/CloudAI-X__threejs-skills
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/CloudAI-X__threejs-skills/skills/threejs-materials ~/.claude/skills/threejs-materials # Claude Code
cp -R /tmp/CloudAI-X__threejs-skills/skills/threejs-materials ~/.agents/skills/threejs-materials # Codex, Cursor, Gemini CLI, Copilot, OpenCode