threejs-skills

In the author's own words, from each skill's SKILL.md.

• threejs-accessibility

  Make Three.js interactions usable with keyboards, assistive technology, reduced motion, and non-3D fallbacks.

  skills/threejs-accessibility/SKILL.md on GitHub (opens in a new tab)

• threejs-animation

  Implement Three.js animation clips, skeletal animation, transitions, scroll timelines, and frame-independent motion.

  skills/threejs-animation/SKILL.md on GitHub (opens in a new tab)

• threejs-assets

  Load, validate, compress, cache, and release glTF models, textures, decoder assets, and user-supplied 3D files.

  skills/threejs-assets/SKILL.md on GitHub (opens in a new tab)

• threejs-audio

  Add Three.js spatial audio, user-controlled playback, listener movement, and audio lifecycle handling.

  skills/threejs-audio/SKILL.md on GitHub (opens in a new tab)

• threejs-debugging

  Diagnose Three.js black canvases, missing meshes, wrong colors, flicker, picking bugs, and context loss.

  skills/threejs-debugging/SKILL.md on GitHub (opens in a new tab)

• threejs-deployment

  Prepare and verify Three.js web builds, asset hosting, decoder paths, caching, and deployment compatibility.

  skills/threejs-deployment/SKILL.md on GitHub (opens in a new tab)

• threejs-geometry

  Create or optimize Three.js BufferGeometry, procedural meshes, instanced objects, and geometry attributes.

  skills/threejs-geometry/SKILL.md on GitHub (opens in a new tab)

• threejs-html

  Integrate Three.js with responsive HTML, Next.js or other frameworks, scroll sections, overlays, and multiple views.

  skills/threejs-html/SKILL.md on GitHub (opens in a new tab)

• threejs-interaction

  Implement Three.js pointer picking, orbit controls, object dragging, selection, and synchronized HTML controls.

  skills/threejs-interaction/SKILL.md on GitHub (opens in a new tab)

• threejs-lighting

  Light Three.js scenes using environment maps, direct lights, baked light, and tuned shadow maps.

  skills/threejs-lighting/SKILL.md on GitHub (opens in a new tab)

• threejs-materials

  Implement Three.js PBR materials, texture mapping, transparency, and color-management fixes.

  skills/threejs-materials/SKILL.md on GitHub (opens in a new tab)

• threejs-particles

  Build Three.js particle systems, point clouds, large repeated datasets, and CPU or GPU simulations.

  skills/threejs-particles/SKILL.md on GitHub (opens in a new tab)

• threejs-performance

  Profile and optimize Three.js frame time, GPU workload, asset memory, and resource leaks.

  skills/threejs-performance/SKILL.md on GitHub (opens in a new tab)

• threejs-physics

  Integrate Rapier or another physics engine with Three.js, including colliders, fixed timesteps, and render synchronization.

  skills/threejs-physics/SKILL.md on GitHub (opens in a new tab)

• threejs-postprocessing

  Add or debug Three.js bloom, antialiasing, ambient occlusion, depth effects, and render-target composition.

  skills/threejs-postprocessing/SKILL.md on GitHub (opens in a new tab)

• threejs-product-viewer

  Build Three.js product viewers with material variants, camera presets, hotspots, configuration state, and image export.

  skills/threejs-product-viewer/SKILL.md on GitHub (opens in a new tab)

• threejs-r3f

  Build or fix React Three Fiber scenes, Drei helpers, Suspense loading, events, and React lifecycle integration.

  skills/threejs-r3f/SKILL.md on GitHub (opens in a new tab)

• threejs-scene

  Build or correct Three.js scene hierarchies, camera framing, coordinate transforms, and responsive renderer lifecycles.

  skills/threejs-scene/SKILL.md on GitHub (opens in a new tab)

• threejs-shaders

  Write and debug Three.js GLSL shaders, custom material effects, uniforms, and shader deformation.

  skills/threejs-shaders/SKILL.md on GitHub (opens in a new tab)

• threejs-spatial-data

  Integrate Three.js BIM/IFC, GIS, CAD, measurements, clipping, and large-coordinate datasets.

  skills/threejs-spatial-data/SKILL.md on GitHub (opens in a new tab)

• threejs-testing

  Test Three.js features with browser checks, deterministic visual fixtures, lifecycle tests, and device-specific evidence.

  skills/threejs-testing/SKILL.md on GitHub (opens in a new tab)

• threejs-web

  Plan and implement complete Three.js web experiences, or select focused skills for an existing 3D feature.

  skills/threejs-web/SKILL.md on GitHub (opens in a new tab)

• threejs-webgpu

  Build or migrate Three.js WebGPURenderer, TSL node materials, and GPU compute features.

  skills/threejs-webgpu/SKILL.md on GitHub (opens in a new tab)

• threejs-xr

  Implement Three.js VR or AR sessions, XR input, reference spaces, hit testing, and session lifecycle.

  skills/threejs-xr/SKILL.md on GitHub (opens in a new tab)

No skill matches that filter.

Similar skills

• agent-skillsby addyosmani Production-grade engineering skills for AI coding agents. 115k stars · 25 skills
• taste-skillby Leonxlnx Agent skills that give coding agents taste: art direction, reference images and a browser check instead of generic AI pages 113k stars · 1 skill
• gentle-aiby Gentleman-Programming Gentle-AI configures the AI coding agents you already use: Claude Code, Cursor, OpenCode, Codex, Pi, and more. Choose persistent memory, Or… 8.8k stars · 20 skills
• Wazaby tw93 🥷 Engineering habits you already know, turned into skills AI assistants like Claude Code, Codex and Cursor can run. 7.6k stars · 8 skills
• geo-sleuthby Oldcircle An agent skill that finds where a photo was taken — OpenStreetMap geometry, elevation skylines, satellite imagery and street view — and sho… 6.8k stars · 1 skill
• stop-that-shitby lennney Stop That Shit（别再造史了）｜面向 Codex/GPT 场景的多平台 Hook + Skill Guard：拦截 AI coding agent 无需求的哈希、校验和与任务范围膨胀。 A multi-platform Hook + Skill Guard for… 3.8k stars · 2 skills