impertio-studio/three.js-claude-skill-package

1

threejs-errors-performance Use when a Three.js scene has performance problems: low FPS, memory leaks, too many draw calls, or high GPU memory us…

impertio-studio/three.js-claude-skill-package

99

2

threejs-agents-model-optimizer Use when optimizing 3D models for web delivery: reducing file size, compressing meshes, optimizing textures, or gener…

impertio-studio/three.js-claude-skill-package

94

3

threejs-core-renderer Use when initializing a Three.js renderer, setting up the render loop, handling window resize, configuring tone mappi…

impertio-studio/three.js-claude-skill-package

93

4

threejs-impl-animation Use when playing animations, crossfading between animation states, or loading skeletal animations from GLTF in Three.…

impertio-studio/three.js-claude-skill-package

92

5

threejs-core-scene-graph Use when creating Three.js scenes, adding objects, managing parent-child hierarchies, or organizing 3D content. Preve…

impertio-studio/three.js-claude-skill-package

90

6

threejs-errors-rendering Use when a Three.js scene renders incorrectly: black screen, invisible objects, wrong colors, z-fighting, or broken s…

impertio-studio/three.js-claude-skill-package

90

7

threejs-impl-drei Use when using Drei helper components with React Three Fiber: controls, environment maps, text rendering, HTML overla…

impertio-studio/three.js-claude-skill-package

90

8

threejs-impl-react-three-fiber Use when building 3D scenes with React using React Three Fiber (R3F). Prevents the common mistake of mixing imperativ…

impertio-studio/three.js-claude-skill-package

90

9

threejs-syntax-shaders Use when writing custom GLSL shaders, creating ShaderMaterial or RawShaderMaterial, defining uniforms, or patching bu…

impertio-studio/three.js-claude-skill-package

90

10

threejs-agents-scene-builder Use when composing a complete Three.js scene from scratch or when asked to create a 3D visualization. Provides decisi…

impertio-studio/three.js-claude-skill-package

89

11

threejs-core-math Use when working with 3D math in Three.js: vectors, matrices, quaternions, rotations, colors, or coordinate transform…

impertio-studio/three.js-claude-skill-package

87

12

threejs-core-raycaster Use when implementing mouse picking, hover detection, object selection, or line-of-sight checks in Three.js. Prevents…

impertio-studio/three.js-claude-skill-package

87

13

threejs-impl-shadows Use when enabling shadows in a Three.js scene or debugging shadow artifacts like acne, peter panning, or low resoluti…

impertio-studio/three.js-claude-skill-package

87

14

threejs-impl-lighting Use when setting up lighting in a Three.js scene: ambient, directional, point, spot, area, or environment lighting. P…

impertio-studio/three.js-claude-skill-package

86

15

threejs-impl-post-processing Use when adding post-processing effects like bloom, SSAO, depth of field, or anti-aliasing to a Three.js scene. Preve…

impertio-studio/three.js-claude-skill-package

86

16

threejs-syntax-loaders Use when loading 3D models (GLTF, FBX, OBJ), textures, or HDR environment maps in Three.js. Prevents the common mista…

impertio-studio/three.js-claude-skill-package

86

17

threejs-impl-physics Use when adding physics simulation to a Three.js scene: rigid bodies, collisions, constraints, or raycasting. Prevent…

impertio-studio/three.js-claude-skill-package

85

18

threejs-impl-webgpu Use when using the Three.js WebGPU renderer, node-based materials, TSL (Three Shading Language), or compute shaders. …

impertio-studio/three.js-claude-skill-package

85

19

threejs-syntax-geometries Use when creating 3D shapes, custom geometry, or instanced meshes in Three.js. Prevents the common mistake of forgett…

impertio-studio/three.js-claude-skill-package

85

20

threejs-impl-audio Use when adding sound to a Three.js scene: background music, 3D spatial audio, or audio visualization. Prevents the c…

impertio-studio/three.js-claude-skill-package

84

21

threejs-syntax-materials Use when choosing or configuring materials, loading textures, or setting up PBR workflows in Three.js. Prevents the c…

impertio-studio/three.js-claude-skill-package

84

22

threejs-impl-ifc-viewer Use when loading and viewing IFC/BIM models in a Three.js scene. Prevents the common mistake of using deprecated web-…

impertio-studio/three.js-claude-skill-package

83

23

threejs-syntax-controls Use when adding camera controls to a Three.js scene: orbit, pan, zoom, fly, first-person, or object manipulation. Pre…

impertio-studio/three.js-claude-skill-package

83

24

threejs-impl-xr Use when building VR or AR experiences with Three.js using WebXR. Prevents the common mistake of using requestAnimati…

impertio-studio/three.js-claude-skill-package

82