Browse 182,092 skills across 14 categories.
Three.js 3D graphics library - scene setup, geometry, materials, lighting, textures, animation, loaders, shaders, postpr...
Use when building 3D browser games or scenes with Three.js — scene setup, procedural models from primitives, toon shadin...
Use when optimizing 3D models for web delivery: reducing file size, compressing meshes, optimizing textures, or generati...
Use when composing a complete Three.js scene from scratch or when asked to create a 3D visualization. Provides decision...
Integrate Three.js AnimationMixer clips, actor blending, attachments and animation teardown without handing gameplay aut...
Build a three.js animatic ("animatronic", 3D previz, blockout) of a multi-shot video: every storyboard shot becomes a sc...
Keyframe, skeletal and morph-target animation, procedural motion and clip blending, on WebGL or with WebGPU and TSL. Use...
Three.js animation - keyframe animation, skeletal animation, morph targets, animation mixing. Use when animating objects...
Shrinking glTF assets for three.js with gltf-transform: inspect, validate and optimize commands, Draco, meshopt and quan...
Implement Three.js picking, camera controls and browser input adapters with explicit player, modal and pointer ownership...
Author Three.js materials and shaders for the selected WebGL or WebGPU renderer with correct color, texture and resource...
Build Three.js scene, renderer, loading, camera and resource lifecycles for browser games using the selected host versio...
Implement Three.js game HUDs, world anchors and browser interface adapters with accessible equivalents and consistent in...
Three.js app builder: imperative, React Three Fiber, and WebGPU in 4 phases.
Use when working with 3D math in Three.js: vectors, matrices, quaternions, rotations, colors, or coordinate transforms....
Use when implementing mouse picking, hover detection, object selection, or line-of-sight checks in Three.js. Prevents th...
Use when initializing a Three.js renderer, setting up the render loop, handling window resize, configuring tone mapping,...
Use when creating Three.js scenes, adding objects, managing parent-child hierarchies, or organizing 3D content. Prevents...
Debug and profile Three.js browser games: blank canvases, render and runtime bugs, asset and audio loading, animation, r...
The entry point for any Three.js scene, game or simulation request. Use first when a task spans more than one area (geom...
Use when a Three.js scene has performance problems: low FPS, memory leaks, too many draw calls, or high GPU memory usage...
Use when a Three.js scene renders incorrectly: black screen, invisible objects, wrong colors, z-fighting, or broken shad...
Senior WebGPU & 3D Graphics Architect for 2026. Specialized in Three.js v172+, WebGPU-first rendering, TSL (Three Shader...
Three.js scene setup: scenes and fog, cameras, the renderer and tone mapping, the animation loop, object hierarchies, tr...
Three.js scene setup, cameras, renderer, Object3D hierarchy, coordinate systems. Use when setting up 3D scenes, creating...
Build 3D browser games with Three.js using event-driven modular architecture. Use when creating a new 3D game, adding 3D...
Three.js game development. Use for 3D web games, WebGL rendering, game mechanics, physics integration, character control...
Creating and shaping three.js geometry: built-in shapes, 3D text, vertex buffers and attributes, merging, instancing, ba...
Three.js geometry creation - built-in shapes, BufferGeometry, custom geometry, instancing. Use when creating 3D shapes,...
Load glTF/GLB models in three.js with GLTFLoader and play their skinned animations with AnimationMixer, including DRACO/...
Use when playing animations, crossfading between animation states, or loading skeletal animations from GLTF in Three.js....
Use when adding sound to a Three.js scene: background music, 3D spatial audio, or audio visualization. Prevents the comm...
Use when using Drei helper components with React Three Fiber: controls, environment maps, text rendering, HTML overlays,...
Use when loading and viewing IFC/BIM models in a Three.js scene. Prevents the common mistake of using deprecated web-ifc...
Use when setting up lighting in a Three.js scene: ambient, directional, point, spot, area, or environment lighting. Prev...
Use when adding physics simulation to a Three.js scene: rigid bodies, collisions, constraints, or raycasting. Prevents t...
Use when adding post-processing effects like bloom, SSAO, depth of field, or anti-aliasing to a Three.js scene. Prevents...
Use when building 3D scenes with React using React Three Fiber (R3F). Prevents the common mistake of mixing imperative T...
Use when enabling shadows in a Three.js scene or debugging shadow artifacts like acne, peter panning, or low resolution....
Use when using the Three.js WebGPU renderer, node-based materials, TSL (Three Shading Language), or compute shaders. Pre...
Use when building VR or AR experiences with Three.js using WebXR. Prevents the common mistake of using requestAnimationF...
Picking with raycasting, camera controls, transform gizmos, drag, hover and box selection for three.js, identical under...
Three.js interaction - raycasting, controls, mouse/touch input, object selection. Use when handling user input, implemen...
Light types and physical units, shadow maps, HDR environment lighting, light probes, and lighting performance, on WebGL...
Three.js lighting - light types, shadows, environment lighting. Use when adding lights, configuring shadows, setting up...
Loading three.js assets: glTF with Draco, meshopt and KTX2 compression, other model formats, textures, HDR and EXR envir...
Three.js asset loading - GLTF, textures, images, models, async patterns. Use when loading 3D models, textures, HDR envir...
Choosing and configuring three.js materials - unlit, diffuse, specular, PBR, toon, point and line materials - shared pro...
Three.js materials - PBR, basic, phong, shader materials, material properties. Use when styling meshes, working with tex...
Light and shade a three.js scene: choose materials (MeshStandardMaterial PBR vs unlit MeshBasicMaterial), add ambient/he...
Application/game-scale three.js: ES modules, GLTF pipeline (DRACO/KTX2/meshopt), AnimationMixer, physics (rapier/cannon-...
Generate interactive Three.js canvases in six modes: narrative particle phase cycles, WebGPU spinner/loaders, infinite g...
Three.js performance optimization patterns for draw calls, scene traversal, and instancing. Use when optimizing 3D scene...
Measuring and optimizing three.js speed: render statistics, memory counters, fewer draw calls via merging, instancing, b...
Three.js 性能优化指南。当 Three.js/React Three Fiber 项目出现掉帧、内存增长、加载缓慢、绘制调用过多，或需要迁移 WebGPU、实现大规模粒子/实例化渲染、配置资源压缩管线时使用。触发关键词："Three...
Three.js post-processing: composer pass chains, built-in renderer effects, and the WebGPU/TSL node pipeline — bloom, dep...
Three.js post-processing - EffectComposer, bloom, DOF, screen effects. Use when adding visual effects, color grading, bl...
Three.js post-processing - EffectComposer, bloom, depth of field, custom passes. Use when adding visual effects, screen-...
Expert in 3D web graphics using Three.js, React Three Fiber (R3F), and WebGL shaders.
Three.js and React Three Fiber sub-skill - 3D scenes, shaders, postprocessing.
React Three Fiber scene setup, model loading, lighting, camera control, scroll-linked 3D, and mobile performance. Use wh...
Building three.js scenes from React with React Three Fiber and drei: renderer setup, the scene graph as JSX, frame-loop,...
Builds real-time 3D websites in three.js from code alone, with no model files. Covers buildings and landmarks, vehicles,...
Stand up a three.js scene: import maps and the three/addons path, the Scene/PerspectiveCamera/WebGLRenderer trio, the se...
Custom GLSL vertex and fragment shaders: uniforms, varyings, shader chunks, extending built-in materials, instanced attr...
Three.js shaders - GLSL, ShaderMaterial, uniforms, custom effects. Use when creating custom visual effects, modifying ve...
Three.js skills for creating 3D elements and interactive experiences
Create 3D scenes, interactive experiences, and visual effects using Three.js. Use when user requests 3D graphics, WebGL...
Use when adding camera controls to a Three.js scene: orbit, pan, zoom, fly, first-person, or object manipulation. Preven...
Use when creating 3D shapes, custom geometry, or instanced meshes in Three.js. Prevents the common mistake of forgetting...
Use when loading 3D models (GLTF, FBX, OBJ), textures, or HDR environment maps in Three.js. Prevents the common mistake...
Use when choosing or configuring materials, loading textures, or setting up PBR workflows in Three.js. Prevents the comm...
Use when writing custom GLSL shaders, creating ShaderMaterial or RawShaderMaterial, defining uniforms, or patching built...
Three.js textures: image loading, color spaces, UV channels and transforms, texture types from canvas to HDR and KTX2, r...
Three.js textures - texture types, UV mapping, environment maps, texture settings. Use when working with images, UV coor...
Three.js textures - loading, configuration, UV mapping, environment maps. Use when loading images, configuring texture p...
Use first for the entire requested task. Before broad task discovery, source edits, global verification, a user-task con...
Use only when `workflow/threejs-to-obj-board.json` explicitly selects threejs-to-obj-scope-binder and names one active t...
Use only when `workflow/threejs-to-obj-board.json` selects threejs-to-obj-scope-verifier and carries a matching continua...
3D HUD rendering with Three.js and TresJS for JARVIS AI Assistant
Build a production Three.js or React Three Fiber scene for a cinematic website when live geometry, shaders, lighting, or...
Comprehensive skill for Three.js 3D web development. Use this skill when building interactive 3D scenes, WebGL/WebGPU ap...
3D/WebGL con Three.js: modelos GLB, heros 3D, configuradores, partículas, shaders, scroll 3D. TresJS (Vue/Inertia), R3F...
3PEAK (Suzhou 3PEAK Electronic Inc.) MPN encoding patterns, suffix decoding, and handler guidance. Use when working with...
Safety guardrails for autonomous agents. Intercepts destructive actions and vets skills, requires structured approval be...
Implement API throttling policies to protect backend services from overload.Use when controlling API request rates.Trigg...
Implement API throttling policies to protect backend services from overload. Use when controlling API request rates. Tri...
This skill enables Claude to analyze and optimize system throughput. It is triggered when the user requests throughput a...
Calculate throughput calculator operations. Auto-activating skill for Performance Testing. Triggers on: throughput calcu...
Thru integration. Manage data, records, and automate workflows. Use when the user wants to interact with Thru data.
Add an idea to the backlog parking lot (999.x numbering)
Add phase to end of current milestone in huntmap
Generate tests for a completed phase based on Evidence Review criteria and implementation
Capture idea or task as todo from current conversation context
Cross-phase audit of all outstanding Evidence Review and findings validation items
Audit milestone completion against original intent before archiving
Run all remaining phases autonomously — discuss→plan→execute per phase
List pending todos and select one to work on
Archive accumulated phase directories from completed milestones
Archive completed milestone and prepare for next version