作者提供的横幅，展示五个游戏场景。图中 74 个技能的标注来自较早版本；本次核查目录为 76 个专项技能和一个路由。
项目截图关于这个 Skill
通过模块导入、摄像机、WebGL 渲染器、动画循环与 OrbitControls，创建响应式 3D 场景。
为什么推荐
围绕“three.js 场景搭建”提供专项流程、实现模式与常见失败检查；按任务与对应引擎和相关系统组合使用。
适合用来做什么
- 适合需要“three.js 场景搭建”的游戏开发任务。
这个 Skill 帮助完成什么
通过模块导入、摄像机、WebGL 渲染器、动画循环与 OrbitControls，创建响应式 3D 场景。
上游指引中的实现模式
上游指引包含以下实现模式（使用原始英文标题）：HTML import map + module entry (no bundler)；Scene + camera + renderer；The render loop (setAnimationLoop + Timer)；Responsive resize；OrbitControls (orbit / pan / zoom)。
在项目中使用
检查现有项目
描述目标行为，提供相关项目文件、引擎版本、当前问题或希望达到的结果。
应用专项指引
通过模块导入、摄像机、WebGL 渲染器、动画循环与 OrbitControls，创建响应式 3D 场景。
在对应运行环境中验证
使用真实依赖运行项目或工作流，检查变更后的行为再验收。
共享合集安装
安装包含路由的完整上游合集，并保留各技能附带的参考文件、脚本与素材。路由选择引擎和当前任务所需的最小技能组合；成员条目对应共享包中的专项入口。
| 命令 | 用途与使用时机 |
|---|---|
npx skills add gamedev-skills/awesome-gamedev-agent-skills | 同时保留路由与配套技能目录。 |
使用前需要了解
- 需要安装对应 Phaser、PixiJS 或 three.js 的浏览器项目，以及本地 HTTP 服务或现有构建环境。
支持的 Agent
Claude CodeCodex CLICursorGitHub CopilotDeepSeek HarnessGemini CLIGrok BuildHermes AgentOpenCodePiKiroRovo DevQoderMistral VibeGoogle Antigravity
资料与来源
原始资料见下方链接；文中的上手建议由 SkillHey 编辑整理。