用途:为浏览器游戏设计可见界面层,产出易读、契合主题的游戏 UI,而非通用后台面板。默认以 canvas 或 WebGL 渲染游戏世界,用 DOM 承载文字量大的 UI。
主要能力:编码前先确立视觉方向(题材与幻想、材质语言、字体、配色、动效基调),用 CSS 变量管理主题;建立信息层级,战斗/生存关键信息优先、次要工具次之、少用设置收进菜单或抽屉;保护游戏画面,中心与中下部在正常游玩时保持空旷;支持桌面与移动端;针对 3D 处理相机与输入控制边界,菜单/对话框激活时暂停或拦截相机控制输入,明确指针锁定、拖拽视角与菜单交互状态。
使用方式:提示模型时提供游戏幻想、相机/视角、玩家动作、HUD 层级、3D 时的相机或控制模式、动效基调、桌面与移动端预期、画面保护与披露策略及需避免的反模式;可参考 ../../references/frontend-prompts.md。动效上偏好少量有意义的过渡,强动效仅用于状态变化、奖励、危险和引导,尊重减少动效设置。3D 入门默认 UI 预算:边缘一个紧凑目标条或状态条、一个临时控制提示或交互提示、一个可选可折叠次级面板(日志/地图/任务)。
限制与反模式:避免通用仪表盘布局、无主题占位样式、无意图的默认字体、遮挡画面的密集浮层、首次加载即展开所有信息、每个边缘等权铺满面板、3D 游玩时全宽顶底栏加大型常驻面板、每个元素过度动效、DOM 更清晰却只用 canvas UI 等。其余细节暂未提供。