design-game
Original:🇺🇸 English
Translated
Audit and improve the visual design, polish, and player experience of an existing game
2installs
Added on
NPX Install
npx skill4agent add opusgamelabs/game-creator design-gameTags
Translated version includes tags in frontmatterSKILL.md Content
View Translation Comparison →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.
Instructions
Analyze the game at (or the current directory if no path given).
$ARGUMENTSFirst, load the game-designer skill to get the full design vocabulary and patterns.
Step 1: Audit
- Read to identify the engine
package.json - Read for the current color palette and config
src/core/Constants.js - Read all scene files to understand current visuals
- Read entity files to see how game objects are drawn
- Read for existing events
src/core/EventBus.js
Step 2: Design Report
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").
Step 3: Implement
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
Step 4: Verify
- Run to confirm no errors
npm run build - Summarize all changes made in plain English
Next Step
Tell the user:
Your game looks much better now! Next, runto add chiptune background music and retro sound effects — all procedurally generated, no audio files needed./game-creator:add-audioPipeline progress:/make-game→/design-game→→/add-audio→/qa-game/review-game