Skip to content
mcp/skillhub

Agent Skill

Game UI UX skill

game-ui-uxgamedev-skills/awesome-gamedev-agent-skillsskills/disciplines/game-ui-ux/SKILL.md

Design and build game UI/UX — HUDs, menus, and overlays — that survive every screen: anchor- based responsive layout, resolution/aspect scaling and safe areas, keyboard/gamepad focus navigation, a screen/menu state stack, and event-driven (not polled) HUD updates. Engine- neutral patterns that pair with the detected engine's UI skill. Use when the user mentions HUD, health bar, main menu, pause menu, settings screen, UI layout, anchors, UI scaling, aspect ratio, safe area, controller/keyboard menu navigation, or wiring UI to game state.

2.7kApache-2.0

always on

123 tokname + description

once used

1,929 tokSKILL.md body

bundled files

15 KB

repo stars

2.7kGitHub

Install the Game UI UX skill

Skills CLI (Claude Code, Codex, Cursor and others)

npx skills add https://github.com/gamedev-skills/awesome-gamedev-agent-skills --skill game-ui-ux

Claude Code, by hand (all projects)

git clone --depth 1 https://github.com/gamedev-skills/awesome-gamedev-agent-skills.git /tmp/awesome-gamedev-agent-skills
mkdir -p ~/.claude/skills
cp -R /tmp/awesome-gamedev-agent-skills/skills/disciplines/game-ui-ux ~/.claude/skills/game-ui-ux

For one project only, copy the folder into .claude/skills/ in that project instead. The agent picks it up when a task matches its description.

What it costs your context

Agent Skills load in three steps. Tokens counted with the o200k tokenizer; your model's count will differ a little.

WhenWhat loadsCost
Every sessionName and description123 tok
When the agent uses itThe SKILL.md instructions1,929 tok
Only if opened1 bundled files (5 KB)varies

Until it is used, game-ui-ux costs about 11× less than the median MCP server we measured (1,363 tokens on every turn). Installing all 75 skills from gamedev-skills/awesome-gamedev-agent-skills would load 6,712 tokens of descriptions. Skills vs MCP study

Checks

Our checks found nothing to flag: it follows the Agent Skills specification's naming and size guidelines and doesn't pipe downloads into a shell.

Checked 2026-10-22 · method

What's inside

The headings of its SKILL.md. Read the full file on GitHub.

  • Game UI/UX
  • When to use
  • Core workflow
  • Patterns
  • 1. Anchors + containers, not absolute coordinates
  • 2. Scale to a reference resolution (one UI, many screens)
  • 3. Safe-area inset for notches / overscan
  • 4. Gamepad/keyboard focus (UI is unusable on a controller without it)
  • 5. Event-driven HUD (decouple UI from game logic)
  • Pitfalls
  • References
  • Related skills

More skills from gamedev-skills/awesome-gamedev-agent-skills

All skills in this repo
  1. ai-behavior-trees-utility-aigamedev-skills/awesome-gamedev-agent-skills

    Build a production behavior-tree runtime (Blackboard, action/condition leaves, sequence/selector/parallel composites, decorators) and a Utility AI system (response curves — linear, exponential, sigmoid, quadratic — considerations, and action evaluators), plus hybrid BT-drives-Utility agents. Use when implementing a reusable behavior-tree or utility-based decision system, or tuning enemy/NPC decisions beyond a simple FSM, or when the user mentions behavior tree, blackboard, decorator, selector, sequence, tick status, utility AI, response/scoring curve, or consideration. For choosing between FSM/BT/steering or for pathfinding, use game-ai; for Unreal's BehaviorTree/Blackboard assets, use unreal-behavior-trees.

    2.7k158 tok idle · 1,840 in use
  2. audio-designgamedev-skills/awesome-gamedev-agent-skills

    Implement game audio practice — bus/mixer architecture and gain in decibels, ducking (sidechain), adaptive/dynamic music via layering and re-sequencing, SFX variation, and beat synchronization. Engine-neutral. Use when the user mentions audio mixing, audio buses, adaptive/dynamic music, ducking, SFX variation, music layers, or syncing gameplay to the beat.

    2.7k81 tok idle · 1,677 in use
  3. bevy-ecsgamedev-skills/awesome-gamedev-agent-skills

    Structure a Bevy app around its Entity Component System: build the App with plugins, define Component/Resource types, write systems with Query/Res/Commands, filter and order systems, and use the Time resource for frame-rate-independent motion. Use when building or debugging a Bevy game in Rust — when the user mentions Bevy, ECS, App::new, add_systems, Query, Commands, components/systems, or a Cargo.toml depending on bevy.

    2.7k100 tok idle · 2,426 in use
  4. camera-systemsgamedev-skills/awesome-gamedev-agent-skills

    Build game cameras that feel good — 2D follow with a deadzone, look-ahead, smoothing, and level-bounds clamping; 3D third-person orbit with collision and first-person look; plus multi-target framing and a shake hook. Engine-neutral techniques that pair with the engine's camera node and rigs like Unity Cinemachine or Godot Camera2D/PhantomCamera. Use when the user mentions camera follow, follow camera, deadzone, look-ahead, camera smoothing, camera bounds/ limits, third-person camera, orbit camera, first-person look, Cinemachine, or camera jitter.

    2.7k127 tok idle · 2,000 in use
  5. card-gamegamedev-skills/awesome-gamedev-agent-skills

    Build a card game: card data, deck/hand/discard zones, draw/shuffle/reshuffle, a turn structure, costs, and effect resolution. Use for a deckbuilder, TCG/CCG, or roguelike deckbuilder.

    2.7k54 tok idle · 1,564 in use
  6. create-game-assetsgamedev-skills/awesome-gamedev-agent-skills

    Plan, generate, source, normalize, and validate cohesive visual game assets. Use for art direction, style bibles, sprites, tilesets, backgrounds, UI art, icons, textures, concept art, or 3D asset briefs.

    2.7k252 tok idle · 1,665 in use
  7. dialogue-systemsgamedev-skills/awesome-gamedev-agent-skills

    Build branching dialogue and narrative — a node/choice graph with conditions, variables, and localization hooks — and choose between authoring tools Ink and Yarn Spinner or a custom data-driven runner. Engine-neutral. Use when the user mentions dialogue system, branching dialogue, conversation tree, choices, Ink (.ink), Yarn Spinner (.yarn), or NPC dialogue.

    2.7k75 tok idle · 1,788 in use
  8. fps-shootergamedev-skills/awesome-gamedev-agent-skills

    Build a first-person shooter: move+mouse-look controller, hitscan or projectile shooting, weapons, health, and enemy AI. Use for an FPS, or tuning aim feel, time-to-kill, recoil, or spread.

    2.7k50 tok idle · 1,509 in use