design-game

Compare original and translation side by side

🇺🇸

Original

English

🇨🇳

Translation

Chinese

Design Game

游戏设计优化

Run a UI/UX design pass on an existing game to improve visuals, atmosphere, and game feel. No design experience needed — this command analyzes your game and applies proven visual patterns.

对现有游戏进行UI/UX设计优化，以提升视觉效果、氛围和游戏手感。无需设计经验——该命令会分析你的游戏并应用经过验证的视觉模式。

Instructions

操作说明

Analyze the game at

$ARGUMENTS

(or the current directory if no path given).

First, load the game-designer skill to get the full design vocabulary and patterns.

分析位于

$ARGUMENTS

的游戏（如果未指定路径则分析当前目录）。

首先，加载game-designer技能以获取完整的设计词汇和模式。

Step 1: Audit

步骤1：审核

Read
```
package.json
```
to identify the engine
Read
```
src/core/Constants.js
```
for the current color palette and config
Read all scene files to understand current visuals
Read entity files to see how game objects are drawn
Read
```
src/core/EventBus.js
```
for existing events

读取
```
package.json
```
以确定使用的引擎
读取
```
src/core/Constants.js
```
以了解当前的调色板和配置
读取所有场景文件以理解当前视觉效果
读取实体文件以查看游戏对象的绘制方式
读取
```
src/core/EventBus.js
```
以了解现有事件

Step 2: Design Report

步骤2：设计报告

Score each area 1-5 and present as a table:

Area	Score	Notes
Background & Atmosphere
Color Palette
Animations & Tweens
Particle Effects
Screen Transitions
Typography
Game Feel / Juice
Game Over
Expression Usage		If personality characters exist, score how reactively expressions change to game events. Score 1 if expressions never change.

Then list the top improvements ranked by visual impact, with a plain-English description of what each one does (e.g., "Add a sky gradient so the background looks like a real sky instead of a flat color").

为每个区域打分（1-5分）并以表格形式呈现：

区域	分数	备注
背景与氛围
调色板
动画与补间动画
粒子效果
屏幕过渡
排版
游戏手感/趣味性
游戏结束界面
表情运用		如果有人格化角色，根据表情对游戏事件的反应变化打分。若表情从不变化则打1分。

然后按视觉影响程度列出优先级最高的改进项，并用通俗易懂的语言描述每项改进的内容（例如：“添加天空渐变效果，让背景看起来像真实天空而非纯色平面”）。

Step 3: Implement

步骤3：实施

Ask the user which improvements they want, or implement all if they say so. Follow the game-designer skill patterns:

All new values in
```
Constants.js
```
Use EventBus for triggering effects
Don't alter gameplay (physics, scoring, controls, spawn timing)
Prefer procedural graphics
New files in proper directories

询问用户想要实施哪些改进项，如果用户同意则全部实施。遵循game-designer技能的模式：

所有新值都存入
```
Constants.js
```
使用EventBus触发效果
不得改变游戏玩法（物理机制、计分、控制、生成时机）
优先使用程序化图形
新文件存入对应目录

Step 4: Verify

步骤4：验证

Run
```
npm run build
```
to confirm no errors
Summarize all changes made in plain English

运行
```
npm run build
```
以确认无错误
用通俗易懂的语言总结所有已做的更改

Next Step

下一步

Tell the user:

Your game looks much better now! Next, run
/game-creator:add-audio
to add chiptune background music and retro sound effects — all procedurally generated, no audio files needed.
Pipeline progress: ~~/make-game~~ → ~~/design-game~~ →
/add-audio
→
/qa-game
→
/review-game

告知用户：

你的游戏现在看起来好多了！接下来，运行
/game-creator:add-audio
来添加芯片音乐背景音和复古音效——所有内容均为程序化生成，无需音频文件。
流程进度： ~~/make-game~~ → ~~/design-game~~ →
/add-audio
→
/qa-game
→
/review-game