--- title: "cloudai-x/threejs-skills skills ยท skilld" description: Agents/Workflows/Docs canonical_url: "https://skilld.dev/gh/cloudai-x/threejs-skills" meta: "og:description": Agents/Workflows/Docs "og:title": "cloudai-x/threejs-skills skills" "twitter:description": Agents/Workflows/Docs "twitter:title": "cloudai-x/threejs-skills skills" --- [All skills](https://skilld.dev/skills) [![cloudai-x avatar](https://skilld.dev/_img/avatar?url=https%3A%2F%2Fgithub.com%2Fcloudai-x.png)](https://skilld.dev/gh/cloudai-x) # **CloudAI-X/threejs-skills** Agents/Workflows/Docs main Updated 3 months ago [GitHub](https://github.com/CloudAI-X/threejs-skills) ![README badge for cloudai-x/threejs-skills](https://skilld.dev/b/cloudai-x/threejs-skills?theme=light&label=0) ## Repository statistics - Indexed skills **10** - Skill groups **1** - GitHub stars **3,475** - Forks **394** ## Skills 10 total Sort skills [/threejs-animation](https://skilld.dev/gh/cloudai-x/threejs-skills/threejs-animation) Three.js animation - keyframe animation, skeletal animation, morph targets, animation mixing. Use when animating objects, playing GLTF animations, creating procedural motion, or blending animations. Updated9 months ago [/threejs-fundamentals](https://skilld.dev/gh/cloudai-x/threejs-skills/threejs-fundamentals) Three.js scene setup, cameras, renderer, Object3D hierarchy, coordinate systems. Use when setting up 3D scenes, creating cameras, configuring renderers, managing object hierarchies, or working with transforms. Updated9 months ago [/threejs-geometry](https://skilld.dev/gh/cloudai-x/threejs-skills/threejs-geometry) Three.js geometry creation - built-in shapes, BufferGeometry, custom geometry, instancing. Use when creating 3D shapes, working with vertices, building custom meshes, or optimizing with instanced rendering. Updated9 months ago [/threejs-interaction](https://skilld.dev/gh/cloudai-x/threejs-skills/threejs-interaction) Three.js interaction - raycasting, controls, mouse/touch input, object selection. Use when handling user input, implementing click detection, adding camera controls, or creating interactive 3D experiences. Updated9 months ago [/threejs-lighting](https://skilld.dev/gh/cloudai-x/threejs-skills/threejs-lighting) Three.js lighting - light types, shadows, environment lighting. Use when adding lights, configuring shadows, setting up IBL, or optimizing lighting performance. Updated9 months ago [/threejs-loaders](https://skilld.dev/gh/cloudai-x/threejs-skills/threejs-loaders) Three.js asset loading - GLTF, textures, images, models, async patterns. Use when loading 3D models, textures, HDR environments, or managing loading progress. Updated9 months ago [/threejs-materials](https://skilld.dev/gh/cloudai-x/threejs-skills/threejs-materials) Three.js materials - PBR, basic, phong, shader materials, material properties. Use when styling meshes, working with textures, creating custom shaders, or optimizing material performance. Updated9 months ago [/threejs-postprocessing](https://skilld.dev/gh/cloudai-x/threejs-skills/threejs-postprocessing) Three.js post-processing - EffectComposer, bloom, DOF, screen effects. Use when adding visual effects, color grading, blur, glow, or creating custom screen-space shaders. Updated9 months ago [/threejs-shaders](https://skilld.dev/gh/cloudai-x/threejs-skills/threejs-shaders) Three.js shaders - GLSL, ShaderMaterial, uniforms, custom effects. Use when creating custom visual effects, modifying vertices, writing fragment shaders, or extending built-in materials. Updated9 months ago [/threejs-textures](https://skilld.dev/gh/cloudai-x/threejs-skills/threejs-textures) Three.js textures - texture types, UV mapping, environment maps, texture settings. Use when working with images, UV coordinates, cubemaps, HDR environments, or texture optimization. Updated9 months ago ## Add to your README The badge links readers to this page. It shows the skilld mark and no counts, and it follows the reader's light or dark GitHub theme. ` Skill repository on skilld.dev `