Menu
设计高端的 Three.js 游戏 UI。用于 HUD、菜单、浮层、暂停/胜利/失败界面、设置、图标控件、触控 UI、排版、响应式布局、安全区、文字排布，以及 UI 与场景的协调统一。
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
使用 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 意图、覆盖的状态、改动的文件、截图、文字排布/重叠检查、安全区/触控目标证据、操作方式，以及尚存的风险。
