game-designer

Audit browser game visuals and generate UI/UX improvement plans for Phaser and Three.js projects.

307|37|Updated Jan 28, 2026
One-click install
npx skills add https://github.com/OpusGameLabs/game-creator --skill game-designer-opusgamelabs
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: game-designer
Source: https://github.com/OpusGameLabs/game-creator/tree/main/skills/game-designer
Command: npx skills add https://github.com/OpusGameLabs/game-creator --skill game-designer-opusgamelabs

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

A scaffolded browser game often looks functional but visually flat. This skill provides a structured approach to enhancing atmosphere, juice, and visual hierarchy, improving player engagement.

Core Features & Use Cases

  • Visual audit: assess backgrounds, color palettes, typography, and UI feedback to raise perceived quality.
  • Design system proposals: introduce cohesive palettes, animation juice, transitions, and particle cues.
  • Use Case: apply to a Phaser/Three.js project to upgrade scene polish and player feel.

Quick Start

Invoke the game-designer skill to audit a running game and generate a visual improvement plan.

Frequently Asked Questions about game-designer

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I improve visual polish and add juice to a Phaser browser game?

To improve visual polish in a Phaser game, you can run a UI/UX design audit to assess color palettes, typography, and transitions, then apply a generated implementation plan to update visual hierarchy and add animation juice.

What's the best way to enhance atmosphere and visual hierarchy in a Three.js project?

Enhancing atmosphere in a Three.js project involves auditing current scene visuals to identify flat design, then introducing cohesive color palettes, particle cues, and structured transitions to elevate the perceived quality and player feel.

Why does my scaffolded browser game look visually flat and how do I fix it?

A scaffolded browser game looks visually flat because it lacks cohesive design systems; fix it by applying a structured visual audit that proposes updated constants, background enhancements, and UI feedback improvements.

Can I generate a design system and UI improvement plan for an existing browser game?

Yes, you can generate a design system proposal for an existing browser game by auditing the running project to produce a concrete set of changes targeting cohesive palettes, animation juice, and transition updates.

Do I need design experience to upgrade the UI and aesthetics of my web game?

You do not need extensive design experience to upgrade web game aesthetics; the process provides a structured approach that outputs a concrete set of changes to update constants, color palettes, and transitions automatically.

What specific changes do I need to make to fix poor game feel and UI feedback?

To fix poor game feel and UI feedback, you need to update visual constants, implement cohesive color palettes, introduce animation juice, and apply particle cues based on a structured UI/UX design audit.