用途：为 Three.js 游戏设计有意图、可读、响应式且贴合游戏类型的 UI，覆盖 HUD、菜单、覆盖层、暂停/胜利/失败界面、设置、图标控件、触控 UI、排版、响应式布局与安全区域。
主要能力：先截取桌面与移动端现状截图，盘点 UI 状态（游戏进行、暂停、设置、失败与重试、胜利或里程碑、加载、触控控件）；建立层级（生存与状态、目标、反馈、氛围）；用成组的仪表、徽章、图标、警报与模态状态替代通用统计卡片；使用稳定尺寸、安全区内边距、文本适配约束及悬停/按下/聚焦/禁用状态；将 UI 接入游戏状态而非在 UI 代码中重复游戏规则。
使用方式：设计 HUD、菜单、覆盖层、触控控件或响应式布局前，先阅读 references/ui-patterns.md。需要 logo、图标、GUI 美术、阵营标记、菜单背景或 2D HUD 素材时加载 threejs-image-generator；仅对真正的 3D 菜单对象与叙事道具使用 threejs-3d-generator，不用于平面 HUD 元素。窄范围 HUD 修复保留现有设计，只检查改动状态与目标视口；完整 UI 改造走完整流程。移动端为目标时才要求移动输入。
检查与限制：用最长可能值检查文本适配与重叠、安全区、触控目标，并在两个视口验证真实状态变化。常见问题包括通用统计卡片仪表盘、UI 遮挡玩家/威胁/下一步决策、移动端文本位移与裁切、装饰面板降低可读性、触控控件外观正确但不发出意图。报告需含 UI 意图与覆盖状态、改动文件、目标视口截图、文本适配与重叠发现、安全区与触控目标证据及剩余风险，并汇入主流程的统一检查，而非重复运行未改动的全局检查。