菜单
设计高端的 Three.js 游戏 UI。用于 HUD、菜单、浮层、暂停/胜利/失败界面、设置、图标控件、触控 UI、排版、响应式布局、安全区、文字排布，以及 UI 与场景的协调统一。
默认使用会先检查来源的 Prompt；你也可以切换为直接命令，或下载本地副本。
决定是否安装前，请先阅读 SKILL.md，以及 SkillsMP 当前展示的配套文件。
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
直接命令不会经过审查 Prompt；运行前请先检查来源。
npx skills add https://github.com/shushuitie2017/threejs-skills --skill threejs-game-ui-designer命令会保持在同一行。复制前请横向滚动并检查完整内容。
想先保存到本地？可下载 SkillsMP 当前能够提供的文件。
使用 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 的游戏音频集成。
基于 SOC 职业分类
正在显示 SKILL.md
| 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 意图、覆盖的状态、改动的文件、截图、文字排布/重叠检查、安全区/触控目标证据、操作方式，以及尚存的风险。