cloudai-x
14 skills with substantive source documentation and an official publisher or observed installation demand. Read each skill’s original documentation through its card.
cloudai-xthreejs-materials
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.
- instalaciones
- 9
- GitHub Stars
- 3,7 mil
- Actualizado
- 19 oct
cloudai-xthreejs-fundamentals
Three.js scene setup: scenes and fog, cameras, the renderer and tone mapping, the animation loop, object hierarchies, transforms, core math and cleanup, on WebGL or with WebGPU and TSL. Use when creating a scene from scratch, configuring a camera or renderer, handling resize, or arranging objects.
- instalaciones
- 6
- GitHub Stars
- 3,7 mil
- Actualizado
- 19 oct
cloudai-xthreejs-lighting
Light types and physical units, shadow maps, HDR environment lighting, light probes, and lighting performance, on WebGL or with WebGPU and TSL. Use when adding or tuning lights, fixing shadow acne, setting up image-based lighting, or dimming an environment map.
- instalaciones
- 6
- GitHub Stars
- 3,7 mil
- Actualizado
- 19 oct
cloudai-xthreejs-postprocessing
Three.js post-processing: composer pass chains, built-in renderer effects, and the WebGPU/TSL node pipeline — bloom, depth of field, ambient occlusion, custom screen effects. Use when adding visual effects, color grading, blur, glow, or screen-space shaders, on WebGL or with WebGPU and TSL.
- instalaciones
- 6
- GitHub Stars
- 3,7 mil
- Actualizado
- 19 oct
cloudai-xthreejs-react-three-fiber
Building three.js scenes from React with React Three Fiber and drei: renderer setup, the scene graph as JSX, frame-loop, state and loading hooks, pointer events, and adaptive performance, on WebGL or with WebGPU and TSL. Use when writing React components that render three.js.
- instalaciones
- 6
- GitHub Stars
- 3,7 mil
- Actualizado
- 19 oct
cloudai-xthreejs-shaders
Custom GLSL vertex and fragment shaders: uniforms, varyings, shader chunks, extending built-in materials, instanced attributes, plus the same effects as node materials with TSL on WebGPU. Use when writing a shader, a custom material or effect, moving vertices in a shader, or porting GLSL to TSL.
- instalaciones
- 6
- GitHub Stars
- 3,7 mil
- Actualizado
- 19 oct
cloudai-xthreejs-animation
Keyframe, skeletal and morph-target animation, procedural motion and clip blending, on WebGL or with WebGPU and TSL. Use when animating objects, playing glTF animations, posing bones, driving morph targets, or mixing and crossfading clips.
- instalaciones
- 5
- GitHub Stars
- 3,7 mil
- Actualizado
- 19 oct
cloudai-xthreejs-asset-pipeline
Shrinking glTF assets for three.js with gltf-transform: inspect, validate and optimize commands, Draco, meshopt and quantization, KTX2, WebP and AVIF textures, the loader setup each output needs, and gltfjsx for React. Use when compressing, optimizing or validating 3D models before loading them.
- instalaciones
- 5
- GitHub Stars
- 3,7 mil
- Actualizado
- 19 oct
cloudai-xthreejs-geometry
Creating and shaping three.js geometry: built-in shapes, 3D text, vertex buffers and attributes, merging, instancing, batching, point clouds and lines, on WebGL or with WebGPU and TSL. Use when building 3D shapes or text, custom vertex data, custom meshes, instanced meshes, or point clouds.
- instalaciones
- 5
- GitHub Stars
- 3,7 mil
- Actualizado
- 19 oct
cloudai-xthreejs-interaction
Picking with raycasting, camera controls, transform gizmos, drag, hover and box selection for three.js, identical under WebGL and WebGPU. Use when handling mouse, touch or keyboard input, detecting clicks on 3D objects, adding camera controls, or making scene objects interactive.
- instalaciones
- 5
- GitHub Stars
- 3,7 mil
- Actualizado
- 19 oct
cloudai-xthreejs-loaders
Loading three.js assets: glTF with Draco, meshopt and KTX2 compression, other model formats, textures, HDR and EXR environments, progress, caching, cloning and disposal. Use when loading 3D models, textures or environment maps, or managing loading progress, on WebGL or with WebGPU and TSL.
- instalaciones
- 5
- GitHub Stars
- 3,7 mil
- Actualizado
- 19 oct
cloudai-xthreejs-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.
- instalaciones
- 5
- GitHub Stars
- 3,6 mil
- Actualizado
- 9 jul
cloudai-xthreejs-performance
Measuring and optimizing three.js speed: render statistics, memory counters, fewer draw calls via merging, instancing, batching and LOD, fill rate, shadows, CPU work per frame, shader stalls and GPU compute for particles, WebGL or WebGPU with TSL. Use when a scene is slow, janks or exceeds memory.
- instalaciones
- 4
- GitHub Stars
- 3,7 mil
- Actualizado
- 19 oct
cloudai-xx-algo-engagement
Reference for X algorithm engagement types and signals. Use when analyzing engagement metrics, action predictions, or understanding what signals the algorithm tracks.
- instalaciones
- 2
- GitHub Stars
- 11
- Actualizado
- 20 ene