Game UI/UX
/game-ui-ux
HUDs and menus that work on every screen: anchored layouts, resolution and safe-area scaling, gamepad focus and event-driven updates.
- GitHub stars
- 2,085 (repository stars as of 2026-10-21)
- License
- Apache-2.0
- Last commit
- 2026/10/09
- By
- gamedev-skills
Part of
Awesome Gamedev Agent Skills
74 portable SKILL.md skills for Godot, Unity, Unreal, Phaser, PixiJS, three.js, Bevy, pygame, LÖVE and Roblox, with a router.
Listed from the author's README. GameSkill has not run this end to end yet. Agent support and install steps are as documented by the author.
Install
npx skills add gamedev-skills/awesome-gamedev-agent-skills --skill game-ui-uxInstalls only this skill. Add -a claude-code (puts it in .claude/skills/), -a codex or -a cursor (.agents/skills/) to choose the agent, and -g to install it for your user instead of the project.
Commands are copied from the project's README. Check the repository before running anything on your machine.
Install for a specific agent
| Agents | -a | Folder |
|---|---|---|
| Claude Code | claude-code | .claude/skills/ |
| Codex | codex | .agents/skills/ |
| Cursor | cursor | .agents/skills/ |
| Gemini CLI | gemini-cli | .agents/skills/ |
| GitHub Copilot | github-copilot | .agents/skills/ |
| OpenCode | opencode | .agents/skills/ |
| Windsurf | windsurf | .windsurf/skills/ |
Add -a <flag> to the command. These are project folders; add -g to install for your user account instead.
What you get
- Worked steps: Anchors + containers, not absolute coordinates; Scale to a reference resolution; Safe-area inset for notches / overscan; Gamepad/keyboard focus
- A pitfalls section with the mistakes to avoid
- Bundled 1 reference doc the agent reads when needed
Good fit
- Requests about HUD, health bar, main menu, pause menu or settings screen
Try this prompt
Build a HUD and pause menu that scale to any resolution and work with a gamepad.About this skill
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.
From the game-ui-ux SKILL.md in gamedev-skills/awesome-gamedev-agent-skills.
What's inside
- Anchors + containers, not absolute coordinates
- Scale to a reference resolution (one UI, many screens)
- Safe-area inset for notches / overscan
- Gamepad/keyboard focus (UI is unusable on a controller without it)
- Event-driven HUD (decouple UI from game logic)
FAQ
Works well with
Skills the author points to as related or as the better fit for neighbouring tasks.
Godot UI (Control Nodes)
Godot 4.7 interfaces with Control nodes: anchors, containers, themes and keyboard or gamepad focus navigation.
Game Feel & Juice
Add juice to actions: screen shake, hit-stop, eased motion, squash and stretch, knockback and layered audio-visual feedback.
Dialogue Systems
Branching dialogue as a node graph with conditions, variables and localization hooks, using Ink, Yarn Spinner or a custom runner.
Game Input Systems
Game input architecture: action mapping, rebinding with conflict checks, keyboard, gamepad and touch, deadzones, buffering and coyote time.
More from Awesome Gamedev Agent Skills
See all 392D Platformer
Build a 2D platformer: run/jump control with coyote time, jump buffering, and variable jump height, plus tiled levels and hazards.
Behavior Trees & Utility AI
Build a behavior-tree runtime and a Utility AI system with response curves, plus hybrid agents where the behavior tree drives utility scoring.
Bevy ECS
Structure a Bevy app around ECS: plugins, components and resources, systems with Query and Commands, system ordering and Time.
Create Game Assets
Plan, generate, source, normalize, and validate cohesive visual game assets.
Similar skills
Playtest Report (Claude Code Game Studios)
Structured playtest report template, or turn existing playtest notes into structured feedback.
Universal Modder
Skills, tools and a fal MCP that let Claude Code mod PC games you own: recon, reverse engineering, generated assets, in-game testing.
sprite-gen
Generate clean 2D game sprites and animation atlases: state rows, alpha cleanup, frame extraction, runtime atlases.
Scenario Skills
Production-ready images, video, audio and 3D from any agent through the Scenario MCP, plus expert teams for Blender, Unreal and Unity.