用途:对已有游戏执行一次 UI/UX 设计优化,改善视觉、氛围与游戏手感(game feel)。资料称无需设计经验,命令会分析游戏并套用既有视觉模式。
主要能力与用法:命令为 /design-game,参数为游戏路径(如 /design-game examples/asteroid-dodge),未给路径则分析当前目录。使用前先加载 game-designer 技能以获取完整设计词汇与模式。
流程:第一步审计,读取 package.json 识别引擎,读取 src/core/Constants.js 获取配色与配置,读取各场景文件、实体文件了解当前画面,读取 src/core/EventBus.js 了解已有事件。第二步出具设计报告,对背景与氛围、配色、动画与补间、粒子效果、屏幕转场、排版、手感与特效、游戏结束、表情使用等逐项打 1-5 分并列表,若存在角色表情,则按表情对游戏事件的反应程度评分,从不变化记 1 分;随后按视觉影响排序列出改进项,并用通俗语言说明作用。第三步实现,询问用户选择改进项,或按用户要求全部实现;遵循 game-designer 技能模式:新数值写入 Constants.js,用 EventBus 触发效果,不改变玩法(物理、计分、控制、生成时序),优先程序化图形,新文件放入对应目录。第四步验证,运行 npm run build 确认无错误,并用通俗语言总结全部改动。
限制与排错:资料提醒需仔细、保证质量、不可跳过验证。粒子发射器或逐帧渐变过多会导致性能下降,应限制活跃粒子数量(池化复用)并使用缓存渐变纹理;硬编码像素坐标会使不同屏幕尺寸下布局错乱,应使用 Constants.js 中的 PX 相对值。
后续:可继续运行 /game-creator:add-audio 添加程序化芯片音乐与音效。流程进度为 /viral-game → /design-game → /add-audio → /qa-game → /review-game,属于 /viral-game 一次性流水线,而非 /make-game 的多会话里程碑工作流。