---
title: "CloudAI-X (@cloudai-x) skills · skilld"
description: "10 agent skills written by CloudAI-X on skilld. threejs, webgl, postprocessing."
canonical_url: "https://skilld.dev/gh/cloudai-x"
meta:
  "og:description": "10 agent skills written by CloudAI-X."
  "og:title": "CloudAI-X on skilld"
---

![Avatar for CloudAI-X](https://skilld.dev/_img/avatar?url=https%3A%2F%2Fgithub.com%2Fcloudai-x.png)

# **CloudAI-X**

[@cloudai-x](https://github.com/cloudai-x)person

Agents/Workflows/Docs

10 skills 3.5k Synced 2 months ago

Mostly·threejs, webgl, postprocessing

[GitHub](https://github.com/cloudai-x)

## Skills

### [cloudai-x/threejs-skills](https://skilld.dev/gh/cloudai-x/threejs-skills)

10 skills 3.5k

`npx skilld add cloudai-x/threejs-skills --all`

- [/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.
- [/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.
- [/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.
- [/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.
- [/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.
- [/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.
- [/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.
- [/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.
- [/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.
- [/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.

Curated skills from @cloudai-x. Checked GitHub just now