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 星数
- 2,085 (所在仓库星数，统计于 2026-10-21)
- 许可证
- Apache-2.0
- 最近提交
- 2026/10/09
- 作者
- gamedev-skills
所属合集
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.
信息来自作者的 README。 GameSkill 还没完整跑过。支持的 Agent 和安装步骤以作者文档为准。
安装
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.
命令照搬项目 README。在本机运行前，请先看一眼仓库。
为指定 Agent 安装
| Agent | -a | 文件夹 |
|---|---|---|
| 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/ |
在命令后加 -a <参数>。以上是项目级文件夹；加 -g 则安装到你的用户目录。
包含内容
- 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
适合
- Requests about HUD, health bar, main menu, pause menu or settings screen
试试这条提示词
Build a HUD and pause menu that scale to any resolution and work with a gamepad.关于这个 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)
常见问题
搭配使用
作者标注的相关 Skills，或更适合相邻任务的 Skills。
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.
Awesome Gamedev Agent Skills 中的更多 Skills
查看全部 39 个2D 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.
相似 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.