# Tools

> Every listed resource, editors’ picks first. The filters below can be combined.

- Search: append `?q=<keywords>` to the URL. Separate several keywords with spaces; all of them must match. Matches name, repository, tags, professions, description and README.
- Filter by type: append `?type=<cli|skill|plugin|mcp>` to the URL.
- Filter by profession: append `?profession=<profession id>` to the URL. Separate several ids with commas; a resource matches when it suits any of them. Ids are listed at https://hebbmind.com/api/v1/professions
- Filter by tag: append `?tag=<tag>` to the URL. Separate several tags with commas; a resource must carry all of them. Tags are listed at https://hebbmind.com/api/v1/tags

Resources for Full-stack / Indie or Frontend or ML / AI, Tagged `threejs`: 15 items.

> - Full-stack / Indie: General software work: coding-agent workflows, code review, debugging and Git collaboration.
> - Frontend: Web and mobile-web interfaces: building, debugging and performance tuning.
> - ML / AI: Model training, evaluation and LLM application development.

- [Game Studio](https://hebbmind.com/skill/openai-skills-4.md): [Skill] OpenAI's official browser-game skills: plan core gameplay and tech choices first, then build with Phaser for 2D or Three.js / React Three Fiber for 3D, plus HUD and menu UI, sprite animation, a GLB asset pipeline and in-browser playtesting.
- [WebGL Landing Steering](https://hebbmind.com/skill/webgl-landing-steering.md): [Skill] Steers WebGL-heavy landing pages toward a chosen look by picking one of four visual lanes per page type, passing message, performance, accessibility and reliability gates, and outputting a lane, visual spec, stack, fallback and build order.
- [Three.js](https://hebbmind.com/skill/threejs.md): [Skill] Builds or debugs interactive 3D web scenes with Three.js: scene, camera, renderer, lights, materials, GLTF loading and controls, plus performance basics like capping pixel ratio, handling resize, disposing WebGL resources and reduced motion.
- [Three.js Fundamentals](https://hebbmind.com/skill/threejs-fundamentals.md): [Skill] Three.js fundamentals with code: setting up the scene, cameras and WebGLRenderer, Object3D hierarchy, coordinate systems and transforms, the render loop and resize handling. A starting point for building a 3D scene on the web.
- [Three.js Lighting](https://hebbmind.com/skill/threejs-lighting.md): [Skill] Three.js lighting reference with code: ambient, hemisphere, directional, point, spot and area lights with their cost and shadow support, shadow setup, image-based environment lighting and lighting performance tips.
- [Three.js Loaders](https://hebbmind.com/skill/threejs-loaders.md): [Skill] Three.js asset loading reference with code: loading GLTF models, textures, images and HDR environments, coordinating loaders and progress with LoadingManager, and async loading patterns.
- [Three.js Materials](https://hebbmind.com/skill/threejs-materials.md): [Skill] Three.js materials reference with code: when to use Basic, Lambert, Phong, Standard, Physical, Toon and other materials, PBR properties such as roughness and metalness, custom ShaderMaterial and material performance.
- [Three.js Animation](https://hebbmind.com/skill/threejs-animation.md): [Skill] Three.js animation reference with code: procedural motion with Clock, the AnimationClip, AnimationMixer and AnimationAction keyframe system, playing GLTF animations, skeletal animation, morph targets and blending multiple animations.
- [Three.js Geometry](https://hebbmind.com/skill/threejs-geometry.md): [Skill] Three.js geometry reference with code: parameters for built-in shapes like boxes, spheres, cylinders and tori, building custom meshes from vertices with BufferGeometry, and instanced rendering for large numbers of objects.
- [Three.js Interaction](https://hebbmind.com/skill/threejs-interaction.md): [Skill] Three.js interaction reference with code: raycasting for click detection and object selection, camera controls such as OrbitControls, and mouse and touch input handling for interactive 3D experiences.
- [Three.js Post-Processing](https://hebbmind.com/skill/threejs-postprocessing.md): [Skill] Three.js post-processing reference with code: chaining passes with EffectComposer, adding bloom, depth of field, color grading, blur and glow, and writing custom screen-space shader passes.
- [Three.js Shaders](https://hebbmind.com/skill/threejs-shaders.md): [Skill] Three.js shader reference with code: writing GLSL vertex and fragment shaders, ShaderMaterial versus RawShaderMaterial, uniforms and animating them, and extending built-in materials for custom visual effects.
- [Three.js Textures](https://hebbmind.com/skill/threejs-textures.md): [Skill] Three.js texture reference with code: loading and configuring texture maps, UV mapping, cubemaps and HDR environment maps, texture settings and optimization.
- [Web Clone](https://hebbmind.com/skill/web-clone.md): [Skill] Clones websites: find the real source first or run browser recon, pick a path for static, React/Vue/Next or WebGL/Canvas/Three.js sites, strip trackers, check licenses, and verify against the original before swapping in your content. In Chinese; script paths assume the author's machine.
- [ASCII Animation](https://hebbmind.com/skill/ascii-animation.md): [Skill] Builds animations out of text characters: brightness-ramp mapping with cell aspect correction, generative ASCII fields, image, video and Three.js scene to ASCII conversion, and terminal intros or loaders, rendered with <pre>, canvas or ANSI output.
