threejs-dev-setup

When to use this skill

ALWAYS use this skill when the user mentions:

• Creating or configuring a new three.js project, Vite/Webpack/Rollup entry, or browser importmap
• Installing the three package, aligning version with documentation, or TypeScript setup (@types/three where applicable)
• Import errors for three/addons/..., examples/jsm, ESM vs CJS interop, or bare specifier resolution

IMPORTANT: this skill vs runtime topics

• threejs-dev-setup = install paths, bundler, module graph, and where to import addons from.
• threejs-renderers = WebGLRenderer / WebGPURenderer, canvas, pixel ratio, render loop—after the project loads.
• threejs-loaders = GLTFLoader, DRACOLoader, progress callbacks—after imports resolve.

Trigger phrases include:

• "vite three.js", "webpack three", "import map", "three/addons", "cannot find module", "jsm"
• "新建项目", "安装 three", "找不到模块", "ESM", "TypeScript three"