메뉴
设计高端的 Three.js 游戏 UI。用于 HUD、菜单、浮层、暂停/胜利/失败界面、设置、图标控件、触控 UI、排版、响应式布局、安全区、文字排布，以及 UI 与场景的协调统一。
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
使用 Tripo API 为 Three.js 游戏生成、贴纹理、绑骨骼、做动画、风格化、转换并下载 3D 资产。适用于 text-to-3D、image-to-3D、2D 概念图转 3D、可直接用于游戏的 GLB/FBX 资产、角色、生物、建筑、道具、武器、地形块、auto-rigging、动画重定向、模型 texturing、LEGO/voxel/Minecraft 风格化、low-poly/quad 转换以及浏览器资产管线。在 image-to-3D 生成前，可与 threejs-image-generator 搭配，用于概念图、texture 参考、天空/背景/地形 texture、logo、图标和 GUI 美术。
把 Three.js 游戏从基础/原型级画面升级为高端、AAA 级的浏览器画质。整合了美术方向评审、程序化建模、必做的外部素材来源决策、threejs-3d-generator 素材、threejs-image-generator 概念/贴图工作流、场景视觉打磨、材质/贴图库、场景道具套件、VFX、渲染管线以及视觉评分卡关卡。对于带角色、载具、舰船、武器、建筑、标志性道具、天空、贴图、贴花、logo、图标或 GUI 美术的高端游戏，在断定纯程序化素材已足够之前，先加载相关的生成器技能。
使用 ElevenLabs 为 Three.js 浏览器游戏生成、转换、清理并准备音频资产。适用于音效（SFX）、循环环境音、界面音、打击/武器/载具音效、生物或 Boss 出场音（stinger）、解说语音/对白 TTS、以草稿演出为源的变声、音频降噪清理与人声隔离、音频清单，以及可直接用于 Web 的游戏音频集成。
调试 Three.js 浏览器游戏并做性能剖析。整合了场景调试，渲染/运行时/加载/动画/resize/移动端输入修复，性能剖析，draw calls，triangles，贴图，内存，shader/后处理开销，bundle 体积，以及移动端 DPR/输入问题。
完整 Three.js 浏览器游戏的创建、精品迭代与自动分阶段编排的首要入口。默认用于 build-a-game、升级、打磨、premium、AAA、high-fidelity、from-scratch、endless runner、街机、动作、release-ready 或 showcase 类请求。对于范围较广的工作，先加载用于 gameplay systems、AAA 画质、UI、调试/性能分析、QA/release 的同级公共技能文件。对于带角色、载具、飞船、武器、建筑、标志性道具、天空、纹理、贴花、Logo、图标、GUI 美术、音频/SFX/配音需求或非基础画质的精品游戏，在判定不需要生成资产之前，先加载 threejs-3d-generator、threejs-image-generator 和/或 threejs-audio-generator。维护技能加载、参考文件、资产来源和阶段执行台账，让用户无需手动选择技能。
构建并迭代可玩的 Three.js 游戏系统。整合了起步脚手架创建、架构、玩法实现以及手感调校。用于首个可玩切片、新的 Vite/TypeScript/Three.js 游戏搭建、游戏循环、实体系统、input、collision/physics、scoring、objectives、音频钩子、camera、controls、难度、反馈以及可维护的结构。
| name | threejs-game-ui-designer |
| description | 设计高端的 Three.js 游戏 UI。用于 HUD、菜单、浮层、暂停/胜利/失败界面、设置、图标控件、触控 UI、排版、响应式布局、安全区、文字排布，以及 UI 与场景的协调统一。 |
让游戏 UI 有意图、易读、响应式，并契合具体品类。
在设计 HUD、菜单、浮层、暂停/胜利/失败界面、设置、触控、排版、响应式布局、安全区、文字排布、图标或 UI/场景协调时，把加载 references/ui-patterns.md 作为第一步。用一张参考台账追踪它，标注是/否、路径和跳过原因。只要这份参考在界面工作中被跳过，就不要把 UI 阶段标记为完成。
在宣称 UI/HUD/菜单工作完成之前，加载 references/checklists/game-ui-quality.md、references/checklists/hud-readability.md 和 references/checklists/responsive-ui-fit.md。当涉及触控或移动端安全区时，加载 references/checklists/mobile-input.md。
仅当用户要求可复用提示词、一份 UI 打磨提示词或任务模板时，才加载 references/prompt-templates.md。
当 logo、图标、GUI 美术、阵营标记、菜单背景、贴花或 2D HUD 素材能提升质量时，加载 threejs-image-generator。threejs-3d-generator 仅用于 3D 菜单/展示物体或叙事性 3D UI 道具，不用于普通的扁平 HUD 元素。
报告参考台账、UI 状态清单、UI 意图、覆盖的状态、改动的文件、截图、文字排布/重叠检查、安全区/触控目标证据、操作方式，以及尚存的风险。
