#313 by GitHub stars
CloudAI-X/threejs-skills
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.
History
Review weekly changes to SKILL.md before updating. Dates mark the weeks in which we observed each version; checks apply to the recorded commits.
View weekly changes
skills/threejs-animation/SKILL.md
Week of Oct 26, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
0e181866f095 → 0e181866f095
skills/threejs-asset-pipeline/SKILL.md
Week of Oct 26, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
0e181866f095 → 0e181866f095
skills/threejs-fundamentals/SKILL.md
Week of Oct 26, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
0e181866f095 → 0e181866f095
skills/threejs-geometry/SKILL.md
Week of Oct 26, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
0e181866f095 → 0e181866f095
skills/threejs-interaction/SKILL.md
Week of Oct 26, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
0e181866f095 → 0e181866f095
skills/threejs-lighting/SKILL.md
Week of Oct 26, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
0e181866f095 → 0e181866f095
skills/threejs-loaders/SKILL.md
Week of Oct 26, 2026 · +0 / −0 lines
Before Network or broad shell → After Network or broad shell
0e181866f095 → 0e181866f095
skills/threejs-materials/SKILL.md
Week of Oct 26, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
0e181866f095 → 0e181866f095
skills/threejs-performance/SKILL.md
Week of Oct 26, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
0e181866f095 → 0e181866f095
skills/threejs-postprocessing/SKILL.md
Week of Oct 26, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
0e181866f095 → 0e181866f095
skills/threejs-react-three-fiber/SKILL.md
Week of Oct 26, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
0e181866f095 → 0e181866f095
skills/threejs-shaders/SKILL.md
Week of Oct 26, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
0e181866f095 → 0e181866f095
skills/threejs-textures/SKILL.md
Week of Oct 26, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
0e181866f095 → 0e181866f095
4kGitHub stars
166stars in 7 days
13skills in this repository
20commits in 30 days
Heat
7.8- Star growth, last 7 daysAhead of 96% of tracked repositories
- Star growth, last 24 hoursAhead of 97% of tracked repositories
- Rank movement, last 7 daysAhead of 74% of tracked repositories
- Commits, last 30 daysAhead of 83% of tracked repositories
- Accounts asking about it through MCP, last 7 daysNot available
- Hot votes this weekAhead of 0% of tracked repositories
Heat never changes the order by stars, and sponsorship never touches it. How heat works
Stars over time
Individual skills in this repository
- threejs-animation
skills/threejs-animation - threejs-asset-pipeline
skills/threejs-asset-pipeline - threejs-fundamentals
skills/threejs-fundamentals - threejs-geometry
skills/threejs-geometry - threejs-interaction
skills/threejs-interaction - threejs-lighting
skills/threejs-lighting - threejs-loaders
skills/threejs-loaders - threejs-materials
skills/threejs-materials - threejs-performance
skills/threejs-performance - threejs-postprocessing
skills/threejs-postprocessing - threejs-react-three-fiber
skills/threejs-react-three-fiber - threejs-shaders
skills/threejs-shaders - threejs-textures
skills/threejs-textures
How it works
threejs-animation
When your agent uses it
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.
What it loads into context
Frontmatter
61 tokensAlways available to the agent
SKILL.md
5,540 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Quick Start
- How the System Fits Together
- AnimationClip and Keyframe Tracks
- AnimationMixer
- AnimationAction
- Playing glTF Animations
- Skeletal Animation
- Morph Targets
- Blending Clips by Weight
- Clip Utilities
- Procedural Motion
- Performance
- WebGPU and TSL
- Common Mistakes
- See Also
Files
SKILL.mdcore21,367 bytesSKILL.mdcore21,367 bytesSKILL.mdcore21,367 bytesSKILL.mdcore21,367 bytes
Read SKILL.md
# Three.js Animation
Targets three.js r186. Examples use WebGLRenderer; the WebGPU and TSL section uses WebGPURenderer.
## Quick Start
```javascript
import * as THREE from "three";
const renderer = new THREE.WebGLRenderer({ antialias: true });
renderer.setPixelRatio(window.devicePixelRatio);
renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.domElement);
threejs-asset-pipeline
When your agent uses it
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.
What it loads into context
Frontmatter
81 tokensAlways available to the agent
SKILL.md
4,627 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Quick Start
- Inspect and Validate
- The optimize Command
- Geometry Compression
- Texture Compression
- Scene Optimization Commands
- Loader Setup for Each Output
- Scripted Pipelines
- React Output with gltfjsx
- WebGPU and TSL
- Common Mistakes
- See Also
Files
SKILL.mdcore18,013 bytesSKILL.mdcore18,013 bytesSKILL.mdcore18,013 bytesSKILL.mdcore18,013 bytesSKILL.mdcore18,013 bytesSKILL.mdcore18,013 bytesSKILL.mdcore18,013 bytesSKILL.mdcore18,013 bytesSKILL.mdcore18,013 bytesSKILL.mdcore18,013 bytes
Read SKILL.md
# Three.js Asset Pipeline
Targets three.js r186. Examples use WebGLRenderer; the WebGPU and TSL section uses WebGPURenderer.
## Quick Start
Compress on the command line, then load the result. Run `inspect` before and after to see what the pass saved:
```bash
npx @gltf-transform/cli inspect model.glb
npx @gltf-transform/cli optimize model.glb model.opt.glb --compress draco --texture-compress webp --texture-size 2048
npx @gltf-transform/cli inspect model.opt.glb
```
threejs-fundamentals
When your agent uses it
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.
What it loads into context
Frontmatter
77 tokensAlways available to the agent
SKILL.md
6,027 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Quick Start
- Scene
- Cameras
- WebGLRenderer
- Objects
- Coordinate System
- Math Utilities
- Loading Manager
- Cleanup
- Performance
- WebGPU and TSL
- Common Mistakes
- See Also
Files
SKILL.mdcore23,598 bytesSKILL.mdcore23,598 bytesSKILL.mdcore23,598 bytesSKILL.mdcore23,598 bytes
Read SKILL.md
# Three.js Fundamentals
Targets three.js r186. Examples use WebGLRenderer; the WebGPU and TSL section uses WebGPURenderer.
## Quick Start
```javascript
import * as THREE from "three";
const renderer = new THREE.WebGLRenderer({ antialias: true });
renderer.setPixelRatio(window.devicePixelRatio);
renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.domElement);
threejs-geometry
When your agent uses it
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.
What it loads into context
Frontmatter
79 tokensAlways available to the agent
SKILL.md
6,654 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Quick Start
- Built-in Geometries
- BufferGeometry
- Edges and Wireframes
- Points
- Lines
- InstancedMesh
- InstancedBufferGeometry
- BatchedMesh
- Geometry Utilities
- Transforming Geometry
- Morph Targets
- Performance and Disposal
- WebGPU and TSL
- Common Mistakes
- See Also
Files
SKILL.mdcore25,372 bytesSKILL.mdcore25,372 bytesSKILL.mdcore25,372 bytes
Read SKILL.md
# Three.js Geometry
Targets three.js r186. Examples use WebGLRenderer; the WebGPU and TSL section uses WebGPURenderer.
## Quick Start
```javascript
import * as THREE from "three";
const renderer = new THREE.WebGLRenderer({ antialias: true });
renderer.setPixelRatio(window.devicePixelRatio);
renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.domElement);
threejs-interaction
When your agent uses it
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.
What it loads into context
Frontmatter
68 tokensAlways available to the agent
SKILL.md
5,296 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Quick Start
- Raycasting
- Camera Controls
- TransformControls
- DragControls
- Selection
- Screen and World Coordinates
- WebGPU and TSL
- Common Mistakes
- See Also
Files
SKILL.mdcore22,313 bytes
Read SKILL.md
# Three.js Interaction
Targets three.js r186. Examples use WebGLRenderer; the WebGPU and TSL section uses WebGPURenderer.
## Quick Start
```javascript
import * as THREE from "three";
import { OrbitControls } from "three/addons/controls/OrbitControls.js";
const renderer = new THREE.WebGLRenderer({ antialias: true });
renderer.setPixelRatio(window.devicePixelRatio);
renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.domElement);threejs-lighting
When your agent uses it
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.
What it loads into context
Frontmatter
65 tokensAlways available to the agent
SKILL.md
5,899 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Quick Start
- Light Types and Units
- Ambient and Hemisphere
- DirectionalLight
- PointLight and SpotLight
- RectAreaLight
- Shadows
- Light Helpers
- Environment Lighting (IBL)
- Light Probes
- Common Setups
- Animating Lights
- Performance
- WebGPU and TSL
- Common Mistakes
- See Also
Files
SKILL.mdcore23,467 bytesSKILL.mdcore23,467 bytesSKILL.mdcore23,467 bytesSKILL.mdcore23,467 bytesSKILL.mdcore23,467 bytes
Read SKILL.md
# Three.js Lighting
Targets three.js r186. Examples use WebGLRenderer; the WebGPU and TSL section uses WebGPURenderer.
## Quick Start
```javascript
import * as THREE from "three";
const renderer = new THREE.WebGLRenderer({ antialias: true });
renderer.setPixelRatio(window.devicePixelRatio);
renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.domElement);
threejs-loaders
When your agent uses it
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.
What it loads into context
Frontmatter
77 tokensAlways available to the agent
SKILL.md
5,376 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Quick Start
- LoadingManager
- Texture Loading
- HDR Environments
- glTF and GLB
- Other Model Formats
- Async Patterns and Custom Sources
- Cloning and Disposal
- WebGPU and TSL
- Common Mistakes
- See Also
Files
SKILL.mdcore22,165 bytesSKILL.mdcore22,165 bytes
Read SKILL.md
# Three.js Loaders
Targets three.js r186. Examples use WebGLRenderer; the WebGPU and TSL section uses WebGPURenderer.
## Quick Start
```javascript
import * as THREE from "three";
import { GLTFLoader } from "three/addons/loaders/GLTFLoader.js";
import { RoomEnvironment } from "three/addons/environments/RoomEnvironment.js";
const renderer = new THREE.WebGLRenderer({ antialias: true });
renderer.setPixelRatio(window.devicePixelRatio);
renderer.setSize(window.innerWidth, window.innerHeight);threejs-materials
When your agent uses it
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.
What it loads into context
Frontmatter
65 tokensAlways available to the agent
SKILL.md
6,806 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Quick Start
- Material Types Overview
- MeshBasicMaterial
- MeshLambertMaterial and MeshPhongMaterial
- MeshStandardMaterial (PBR)
- MeshPhysicalMaterial (Advanced PBR)
- MeshToonMaterial
- MeshNormalMaterial and MeshDepthMaterial
- PointsMaterial
- LineBasicMaterial and LineDashedMaterial
- ShaderMaterial (WebGLRenderer only)
- RawShaderMaterial (WebGLRenderer only)
- Common Properties
- Multiple Materials per Mesh
- Environment Maps
- Runtime Changes, Cloning, Disposal
- WebGPU and TSL
- Common Mistakes
- See Also
Files
SKILL.mdcore26,722 bytesSKILL.mdcore26,722 bytesSKILL.mdcore26,722 bytesSKILL.mdcore26,722 bytesSKILL.mdcore26,722 bytesSKILL.mdcore26,722 bytesSKILL.mdcore26,722 bytesSKILL.mdcore26,722 bytesSKILL.mdcore26,722 bytesSKILL.mdcore26,722 bytesSKILL.mdcore26,722 bytes
Read SKILL.md
# Three.js Materials
Targets three.js r186. Examples use WebGLRenderer; the WebGPU and TSL section uses WebGPURenderer.
## Quick Start
```javascript
import * as THREE from "three";
const renderer = new THREE.WebGLRenderer({ antialias: true });
renderer.setPixelRatio(window.devicePixelRatio);
renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.domElement);
threejs-performance
When your agent uses it
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.
What it loads into context
Frontmatter
77 tokensAlways available to the agent
SKILL.md
5,890 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Quick Start
- Measure First
- Draw Calls
- GPU Memory
- Fill Rate
- CPU Work in the Loop
- Shader Compile Stalls
- WebGPU and TSL
- Common Mistakes
- See Also
Files
SKILL.mdcore25,315 bytes
Read SKILL.md
# Three.js Performance
Targets three.js r186. Examples use WebGLRenderer; the WebGPU and TSL section uses WebGPURenderer.
## Quick Start
```javascript
import * as THREE from "three";
const renderer = new THREE.WebGLRenderer({ antialias: true });
renderer.setPixelRatio(window.devicePixelRatio);
renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.domElement);
threejs-postprocessing
When your agent uses it
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.
What it loads into context
Frontmatter
77 tokensAlways available to the agent
SKILL.md
6,554 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Quick Start
- Pass Order
- Composer Setup
- Selective Bloom
- Depth of Field
- Ambient Occlusion
- Outline
- More Passes
- Custom Passes
- Renderer Built-In Effects (No Composer)
- WebGPU and TSL
- Common Mistakes
- See Also
Files
SKILL.mdcore27,097 bytesSKILL.mdcore27,097 bytesSKILL.mdcore27,097 bytesSKILL.mdcore27,097 bytesSKILL.mdcore27,097 bytes
Read SKILL.md
# Three.js Post-Processing
Targets three.js r186. Examples use WebGLRenderer; the WebGPU and TSL section uses WebGPURenderer.
## Quick Start
```javascript
import * as THREE from "three";
import { EffectComposer } from "three/addons/postprocessing/EffectComposer.js";
import { RenderPass } from "three/addons/postprocessing/RenderPass.js";
import { UnrealBloomPass } from "three/addons/postprocessing/UnrealBloomPass.js";
import { OutputPass } from "three/addons/postprocessing/OutputPass.js";
const renderer = new THREE.WebGLRenderer({ antialias: true });threejs-react-three-fiber
When your agent uses it
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.
What it loads into context
Frontmatter
70 tokensAlways available to the agent
SKILL.md
7,597 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Quick Start
- Canvas Props
- The Scene Graph as JSX
- Hooks
- Pointer Events
- Loading Assets
- drei Helpers
- Performance
- Disposal
- WebGPU and TSL
- Common Mistakes
- See Also
Files
SKILL.mdcore30,002 bytesSKILL.mdcore30,002 bytesSKILL.mdcore30,002 bytesSKILL.mdcore30,002 bytesSKILL.mdcore30,002 bytesSKILL.mdcore30,002 bytesSKILL.mdcore30,002 bytes
Read SKILL.md
# Three.js React Three Fiber
Targets three.js r186. Examples use WebGLRenderer; the WebGPU and TSL section uses WebGPURenderer.
## Quick Start
Targets `@react-three/fiber` 9.8 with React 19 and `@react-three/drei` 10.7. The Canvas creates and owns a WebGLRenderer, a scene and a camera; three.js objects become JSX elements. The Canvas fills its parent element, so give the parent a height. The component fragments below render inside a Canvas like this one; lit materials assume its lights.
```jsx
import { useRef } from "react";
import { Canvas, useFrame } from "@react-three/fiber";
import { OrbitControls } from "@react-three/drei";
function Box() {threejs-shaders
When your agent uses it
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.
What it loads into context
Frontmatter
76 tokensAlways available to the agent
SKILL.md
6,838 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Quick Start
- ShaderMaterial vs RawShaderMaterial
- Uniforms
- Output Color and Tone Mapping
- Common Shader Patterns
- Instanced Meshes and Custom Attributes
- Extending Built-in Materials
- Shader Chunks
- Debugging
- WebGPU and TSL
- Common Mistakes
- See Also
Files
SKILL.mdcore26,503 bytesSKILL.mdcore26,503 bytesSKILL.mdcore26,503 bytesSKILL.mdcore26,503 bytesSKILL.mdcore26,503 bytesSKILL.mdcore26,503 bytesSKILL.mdcore26,503 bytesSKILL.mdcore26,503 bytesSKILL.mdcore26,503 bytesSKILL.mdcore26,503 bytesSKILL.mdcore26,503 bytesSKILL.mdcore26,503 bytes
Read SKILL.md
# Three.js Shaders
Targets three.js r186. Examples use WebGLRenderer; the WebGPU and TSL section uses WebGPURenderer.
## Quick Start
```javascript
import * as THREE from "three";
const renderer = new THREE.WebGLRenderer({ antialias: true });
renderer.setPixelRatio(window.devicePixelRatio);
renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.domElement);
threejs-textures
When your agent uses it
Three.js textures: image loading, color spaces, UV channels and transforms, texture types from canvas to HDR and KTX2, render targets, texture memory. Use when working with images on materials, UV coordinates, cubemaps, render targets or texture optimization; on WebGL or with WebGPU and TSL.
What it loads into context
Frontmatter
74 tokensAlways available to the agent
SKILL.md
5,531 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Quick Start
- Loading
- Color Space
- Transform: Wrap, Repeat, Offset, Rotation
- Filtering, Mipmaps, Anisotropy
- Texture Types
- Compressed Textures (KTX2)
- Environment Maps
- Render Targets
- Dynamic Reflections
- UV Channels
- Texture Atlas
- Standard Material Slots
- Disposal and Memory
- WebGPU and TSL
- Common Mistakes
- See Also
Files
SKILL.mdcore22,589 bytesSKILL.mdcore22,589 bytesSKILL.mdcore22,589 bytes
Read SKILL.md
# Three.js Textures
Targets three.js r186. Examples use WebGLRenderer; the WebGPU and TSL section uses WebGPURenderer.
## Quick Start
```javascript
import * as THREE from "three";
const renderer = new THREE.WebGLRenderer({ antialias: true });
renderer.setPixelRatio(window.devicePixelRatio);
renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.domElement);
Skills included
- threejs-animation
- threejs-asset-pipeline
- threejs-fundamentals
- threejs-geometry
- threejs-interaction
- threejs-lighting
- threejs-loaders
- threejs-materials
- threejs-performance
- threejs-postprocessing
- threejs-react-three-fiber
- threejs-shaders
- threejs-textures
Repository facts
- License
- MIT
- Created
- Jan 19, 2026
- Last pushed
- Oct 19, 2026
- Forks
- 465
- Open issues
- 0
- Project activity
- Active
Rank over the last 12 weeks
Now #313 · best #278 · down 14 in 30 days
- #315 on Nov 1
- #314 on Nov 2
- #316 on Nov 3
- #315 on Nov 4
- #314 on Nov 5
- #313 since Nov 6
75 earlier periods
- #274 on Aug 2
- #276 on Aug 7
- #278 on Aug 8
- #274 on Aug 9
- #285 on Aug 10
- #280 from Aug 11 to Aug 12
- #284 on Aug 13
- #283 on Aug 14
- #281 on Aug 15
- #286 on Aug 16
- #284 on Aug 17
- #291 on Aug 18
- #288 on Aug 19
- #284 from Aug 20 to Aug 21
- #278 on Aug 22
- #285 on Aug 23
- #286 on Aug 24
- #287 on Aug 25
- #285 on Aug 26
- #283 on Aug 27
- #285 on Aug 28
- #284 on Aug 29
- #279 on Aug 30
- #286 on Aug 31
- #287 on Sep 1
- #284 on Sep 2
- #291 on Sep 3
- #284 on Sep 4
- #283 on Sep 5
- #284 on Sep 6
- #289 from Sep 7 to Sep 8
- #290 on Sep 9
- #289 on Sep 10
- #285 on Sep 11
- #291 on Sep 12
- #290 on Sep 13
- #294 on Sep 14
- #296 on Sep 15
- #293 on Sep 16
- #290 on Sep 17
- #294 on Sep 18
- #289 on Sep 19
- #295 from Sep 20 to Sep 21
- #298 from Sep 22 to Sep 23
- #297 on Sep 24
- #294 on Sep 25
- #290 on Sep 26
- #296 on Sep 27
- #300 from Sep 28 to Sep 29
- #297 on Sep 30
- #295 on Oct 1
- #299 on Oct 2
- #294 on Oct 3
- #291 on Oct 4
- #300 on Oct 5
- #297 on Oct 6
- #299 on Oct 7
- #300 on Oct 8
- #304 on Oct 9
- #299 on Oct 10
- #298 on Oct 11
- #307 on Oct 12
- #305 on Oct 13
- #309 on Oct 14
- #306 on Oct 15
- #308 on Oct 16
- #310 from Oct 17 to Oct 20
- #312 on Oct 21
- #315 on Oct 22
- #312 on Oct 23
- #313 on Oct 24
- #320 on Oct 25
- #312 on Oct 28
- #313 from Oct 29 to Oct 30
- #316 on Oct 31
Before you install
Network or broad shellAutomated signals, not a guarantee
Checked Nov 2, 2026
Not fully analyzed: some files were too long, unreadable or missing. This never lowers the level.
Show 55 notes
skills/threejs-animation/SKILL.md:1Analysis incomplete: Referenced executable target unavailable; not analyzedskills/threejs-animation/SKILL.md:1Analysis incomplete: Referenced executable target unavailable; not analyzedskills/threejs-animation/SKILL.md:1Analysis incomplete: Referenced executable target unavailable; not analyzedskills/threejs-asset-pipeline/SKILL.md:1Analysis incomplete: Referenced executable target unavailable; not analyzedskills/threejs-asset-pipeline/SKILL.md:1Analysis incomplete: Referenced executable target unavailable; not analyzedskills/threejs-asset-pipeline/SKILL.md:1Analysis incomplete: Referenced executable target unavailable; not analyzedskills/threejs-asset-pipeline/SKILL.md:1Analysis incomplete: Referenced executable target unavailable; not analyzedskills/threejs-asset-pipeline/SKILL.md:1Analysis incomplete: Referenced executable target unavailable; not analyzedskills/threejs-asset-pipeline/SKILL.md:1Analysis incomplete: Referenced executable target unavailable; not analyzedskills/threejs-asset-pipeline/SKILL.md:1Analysis incomplete: Referenced executable target unavailable; not analyzedskills/threejs-asset-pipeline/SKILL.md:1Analysis incomplete: Referenced executable target unavailable; not analyzedskills/threejs-asset-pipeline/SKILL.md:1Analysis incomplete: Referenced executable target unavailable; not analyzedskills/threejs-fundamentals/SKILL.md:1Analysis incomplete: Referenced executable target unavailable; not analyzedskills/threejs-fundamentals/SKILL.md:1Analysis incomplete: Referenced executable target unavailable; not analyzedskills/threejs-fundamentals/SKILL.md:1Analysis incomplete: Referenced executable target unavailable; not analyzedskills/threejs-geometry/SKILL.md:1Analysis incomplete: Referenced executable target unavailable; not analyzedskills/threejs-geometry/SKILL.md:1Analysis incomplete: Referenced executable target unavailable; not analyzedskills/threejs-lighting/SKILL.md:1Analysis incomplete: Referenced executable target unavailable; not analyzedskills/threejs-lighting/SKILL.md:1Analysis incomplete: Referenced executable target unavailable; not analyzedskills/threejs-lighting/SKILL.md:1Analysis incomplete: Referenced executable target unavailable; not analyzed
- No broad tool permissions
- No dangerous shell commands
- 17 network referencesin 2 files: threejs-fundamentals/SKILL.md:57 threejs-loaders/SKILL.md:367
- No hidden or obfuscated text
- No instruction overrides
- No executable scripts
- No access to secrets
- No requests to vote in Hot
Show all 17 signals by file
skills/threejs-fundamentals/SKILL.md
- Network accessline 57
{ "imports": { "three": "https://cdn.jsdelivr.net/npm/three@0.186.0/build/three.module.js", - Network accessline 58
"imports": { "three": "https://cdn.jsdelivr.net/npm/three@0.186.0/build/three.module.js", "three/addons/": "https://cdn.jsdelivr.net/npm/three@0.186.0/examples/jsm/" - Network accessline 59
"three": "https://cdn.jsdelivr.net/npm/three@0.186.0/build/three.module.js", - Network accessline 60
"three/addons/": "https://cdn.jsdelivr.net/npm/three@0.186.0/examples/jsm/" - Network accessline 70
{ "imports": { "three": "https://cdn.jsdelivr.net/npm/three@0.186.0/build/three.webgpu.js", - Network accessline 71
"imports": { "three": "https://cdn.jsdelivr.net/npm/three@0.186.0/build/three.webgpu.js", "three/webgpu": "https://cdn.jsdelivr.net/npm/three@0.186.0/build/three.webgpu.js", - Network accessline 72
"three": "https://cdn.jsdelivr.net/npm/three@0.186.0/build/three.webgpu.js", - Network accessline 73
"three/webgpu": "https://cdn.jsdelivr.net/npm/three@0.186.0/build/three.webgpu.js", - Network accessline 74
"three/tsl": "https://cdn.jsdelivr.net/npm/three@0.186.0/build/three.tsl.js", - Network accessline 75
"three/addons/": "https://cdn.jsdelivr.net/npm/three@0.186.0/examples/jsm/"
skills/threejs-loaders/SKILL.md
- Network accessline 367
const response = await fetch("model.glb"); - Network accessline 395
const manager = new THREE.LoadingManager(); manager.setURLModifier((url) => url.replace("assets/", "https://cdn.example.com/assets/")); - Network accessline 396
manager.setURLModifier((url) => url.replace("assets/", "https://cdn.example.com/assets/")); - Network accessline 397
const cdnGltf = await new GLTFLoader(manager).loadAsync("assets/models/model.glb"); // fetched from https://cdn.example.com/assets/models/model.glb - Network accessline 490
- `gltf.scene.clone()` → `SkeletonUtils.clone(gltf.scene)`: Object3D.clone() shares the skeleton, so every copy stays bound to the original's bones and follows its animation. - `gltf.scene.dispose()` → `gltf.scene.traverse((child) => { chil - Network accessline 491
- `gltf.scene.dispose()` → `gltf.scene.traverse((child) => { child.geometry?.dispose(); for (const material of [child.material ?? []].flat()) { for (const value of Object.values(material)) if (value?.isTexture) value.dispose(); material.dis - Network accessline 492
- `fetch(url, { signal: controller.signal })` → `setTimeout(() => manager.abort(), 30000)`: loaders are cancelled through their LoadingManager, which aborts in-flight FileLoader requests.
How the signals fit together
Facts from a static read of the files at the pinned commit. They describe what the code does, not why.
Some files could not be read; the facts below still hold.
Signal confidence: 17 facts
- Network access in code of the SKILL.mdthreejs-fundamentals/SKILL.md:57High confidence
- Network access in code of the SKILL.mdthreejs-fundamentals/SKILL.md:58High confidence
- Network access in code of the SKILL.mdthreejs-fundamentals/SKILL.md:59High confidence
- Network access in code of the SKILL.mdthreejs-fundamentals/SKILL.md:60High confidence
- Network access in code of the SKILL.mdthreejs-fundamentals/SKILL.md:70High confidence
- Network access in code of the SKILL.mdthreejs-fundamentals/SKILL.md:71High confidence
- Network access in code of the SKILL.mdthreejs-fundamentals/SKILL.md:72High confidence
- Network access in code of the SKILL.mdthreejs-fundamentals/SKILL.md:73High confidence
- Network access in code of the SKILL.mdthreejs-fundamentals/SKILL.md:74High confidence
- Network access in code of the SKILL.mdthreejs-fundamentals/SKILL.md:75High confidence
- Network access in code of the SKILL.mdthreejs-loaders/SKILL.md:367High confidence
- Network access in code of the SKILL.mdthreejs-loaders/SKILL.md:395High confidence
- Network access in code of the SKILL.mdthreejs-loaders/SKILL.md:396High confidence
- Network access in code of the SKILL.mdthreejs-loaders/SKILL.md:397High confidence
- Network access in prose of the SKILL.mdthreejs-loaders/SKILL.md:490Low confidence
- Network access in prose of the SKILL.mdthreejs-loaders/SKILL.md:491Low confidence
- Network access in prose of the SKILL.mdthreejs-loaders/SKILL.md:492Low confidence
Works with
| Agent | Status | Evidence | Install to |
|---|---|---|---|
| Claude Code | Compatible | Standard SKILL.md skills/threejs-animation/SKILL.md | .claude/skills/<skill-name>/ |
| Codex | Compatible | Standard SKILL.md skills/threejs-animation/SKILL.md | .agents/skills/<skill-name>/ |
| Cursor | Compatible | Standard SKILL.md skills/threejs-animation/SKILL.md | .cursor/skills/<skill-name>/ |
| Gemini CLI | Compatible | Standard SKILL.md skills/threejs-animation/SKILL.md | .gemini/skills/<skill-name>/ |
| GitHub Copilot | Compatible | Standard SKILL.md skills/threejs-animation/SKILL.md | .github/skills/<skill-name>/ |
| OpenCode | Compatible | Standard SKILL.md skills/threejs-animation/SKILL.md | .opencode/skills/<skill-name>/ |
- Native The repository ships a manifest, folder or frontmatter field for this agent.
- Compatible A standard SKILL.md that this agent can read.
- Unknown No evidence either way.
Derived automatically from paths, manifests and frontmatter. Not tested on each agent.
Explore alternatives and comparisons
Add this badge to your README
It updates every night and links to this page.
[](https://hotskills.dev/skill/cloudai-x-threejs-skills/)