Community编程与开发github.com

cloudai-x/threejs-geometry

Three.js 几何体创建 - 内置形状、BufferGeometry、自定义几何体、实例化。用于创建 3D 形状、处理顶点、构建自定义网格或通过实例化渲染进行优化。

threejs-geometry 是什么?

该技能专门用于 Three.js 中的几何体创建与操作,涵盖了所有主要几何体类型,包括内置形状(如立方体、球体、圆柱体等)、BufferGeometry 处理、自定义几何体构建以及实例化渲染。适用于开发者需要快速创建 3D 形状、精细控制顶点数据、构建复杂网格或通过实例化技术优化渲染性能的场景。该技能支持主流的 AI 代理平台(如 Claude Code、Cursor 等),能够根据用户需求生成相应的几何体代码片段,并自动处理如顶点索引、法线计算、UV 映射等底层细节。通过该技能,开发者可以高效地从零开始构建 3D 对象,或对现有几何体进行扩展和优化,从而提升开发效率。

兼容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/cloudai-x/threejs-skills/tree/main/skills/threejs-geometry

Installed? Explore more 编程与开发 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

threejs-geometry 是做什么的?

Three.js 几何体创建 - 内置形状、BufferGeometry、自定义几何体、实例化。用于创建 3D 形状、处理顶点、构建自定义网格或通过实例化渲染进行优化。

Individual skills in this repo

This repo contains 9 individual skills — each has its own dedicated page.

cloudai-x/threejs-animation

Three.js animation - keyframe animation, skeletal animation, morph targets, animation mixing. Use when animating objects, playing GLTF animations, creating procedural motion, or blending animations.

cloudai-x/threejs-fundamentals

Three.js scene setup, cameras, renderer, Object3D hierarchy, coordinate systems. Use when setting up 3D scenes, creating cameras, configuring renderers, managing object hierarchies, or working with transforms.

cloudai-x/threejs-interaction

Three.js interaction - raycasting, controls, mouse/touch input, object selection. Use when handling user input, implementing click detection, adding camera controls, or creating interactive 3D experiences.

cloudai-x/threejs-lighting

Three.js lighting - light types, shadows, environment lighting. Use when adding lights, configuring shadows, setting up IBL, or optimizing lighting performance.

cloudai-x/threejs-loaders

Three.js asset loading - GLTF, textures, images, models, async patterns. Use when loading 3D models, textures, HDR environments, or managing loading progress.

cloudai-x/threejs-materials

Three.js materials - PBR, basic, phong, shader materials, material properties. Use when styling meshes, working with textures, creating custom shaders, or optimizing material performance.

cloudai-x/threejs-postprocessing

Three.js post-processing - EffectComposer, bloom, DOF, screen effects. Use when adding visual effects, color grading, blur, glow, or creating custom screen-space shaders.

cloudai-x/threejs-shaders

Three.js shaders - GLSL, ShaderMaterial, uniforms, custom effects. Use when creating custom visual effects, modifying vertices, writing fragment shaders, or extending built-in materials.

cloudai-x/threejs-textures

Three.js textures - texture types, UV mapping, environment maps, texture settings. Use when working with images, UV coordinates, cubemaps, HDR environments, or texture optimization.

相关技能