CloudAI-X
Maintains a Three.js skill set covering the whole pipeline, scene setup to post-processing.
10 agent skills
Agent skills
threejs-fundamentals
Scene setup: cameras, renderer config, hierarchy, transforms.
Where every Three.js project starts, and where a surprising number of them go wrong before anything is drawn.
npx skills add https://github.com/CloudAI-X/threejs-skills --skill threejs-fundamentals
threejs-geometry
Built-in shapes, BufferGeometry, custom meshes and instancing.
CloudAI-X3DPerformanceIncluding instancing, which is the difference between fifty objects and fifty draw calls.
npx skills add https://github.com/CloudAI-X/threejs-skills --skill threejs-geometry
threejs-materials
PBR, classic materials, ShaderMaterial and optimisation.
Choosing a material by what it costs as well as by what it looks like.
npx skills add https://github.com/CloudAI-X/threejs-skills --skill threejs-materials
threejs-lighting
Light types, shadows, environment lighting, performance tuning.
CloudAI-X3DPerformanceShadows are the expensive part. This says when to pay for them and when to fake it.
npx skills add https://github.com/CloudAI-X/threejs-skills --skill threejs-lighting
threejs-textures
Maps, UV mapping, environment maps, texture configuration.
Texture workflows including the mip and colour-space settings that quietly make everything look wrong when skipped.
npx skills add https://github.com/CloudAI-X/threejs-skills --skill threejs-textures
threejs-shaders
GLSL, ShaderMaterial, uniforms, custom vertex and fragment effects.
Writing your own shaders rather than stacking built-in materials until something looks close enough.
npx skills add https://github.com/CloudAI-X/threejs-skills --skill threejs-shaders
threejs-animation
Keyframes, skeletal animation, morph targets, blending.
CloudAI-X3DMotionDriving animation that came out of a modelling tool, and blending between clips.
npx skills add https://github.com/CloudAI-X/threejs-skills --skill threejs-animation
threejs-interaction
Raycasting, controls, pointer input, object selection.
CloudAI-X3DComponentsMaking a 3D scene respond to a cursor without rebuilding hit testing from scratch.
npx skills add https://github.com/CloudAI-X/threejs-skills --skill threejs-interaction
threejs-loaders
GLTF, textures, HDR assets, async loading, progress handling.
CloudAI-X3DPerformanceAsset loading with the progress and error states a real page needs, not the ones a demo gets away with.
npx skills add https://github.com/CloudAI-X/threejs-skills --skill threejs-loaders
threejs-postprocessing
EffectComposer, bloom, depth of field, screen-space effects.
CloudAI-X3DPerformancePost effects, and the frame cost each one adds.
npx skills add https://github.com/CloudAI-X/threejs-skills --skill threejs-postprocessing