القائمة
设计高端的 Three.js 游戏 UI。用于 HUD、菜单、浮层、暂停/胜利/失败界面、设置、图标控件、触控 UI、排版、响应式布局、安全区、文字排布，以及 UI 与场景的协调统一。
يُحدَّد Prompt الذي يراجع المصدر أولًا بشكل افتراضي. يمكنك التبديل إلى أمر مباشر أو تنزيل نسخة محلية.
اقرأ SKILL.md وأي ملفات مرافقة يعرضها SkillsMP قبل أن تقرر التثبيت.
استنادا إلى تصنيف SOC المهني
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
يتجاوز الأمر المباشر Prompt المخصّص للمراجعة. افحص المصدر قبل تشغيله.
npx skills add https://github.com/shushuitie2017/threejs-skills --skill threejs-game-ui-designerيبقى الأمر في سطر واحد. مرّر أفقيًا لمراجعته كاملًا قبل النسخ.
تفضّل نسخة محلية؟ نزّل الملفات المتاحة حاليًا لدى SkillsMP.
عرض SKILL.md
使用 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 的游戏音频集成。
| 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 意图、覆盖的状态、改动的文件、截图、文字排布/重叠检查、安全区/触控目标证据、操作方式，以及尚存的风险。