
Author-provided banner showing five game scenes. Its 74-skill label reflects an earlier edition; the reviewed catalog contains 76 specialized skills plus a router.
プロジェクトのスクリーンショットこのスキルについて
Build HUDs and menus with responsive anchors, safe areas, focus navigation, screen state, and event-driven updates.
おすすめする理由
Provides a focused workflow, implementation patterns, and common failure checks for game ui & ux. Pair it with the detected engine and any related systems required by the task.
役立つこと
- Use when your game task needs game ui & ux.
What this skill helps you build
Build HUDs and menus with responsive anchors, safe areas, focus navigation, screen state, and event-driven updates.
Patterns in the upstream playbook
The entrypoint covers: 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).
Use it in your project
Inspect the existing project
Describe the desired behavior and share the relevant project files, engine version, and current failure or target result.
Apply the focused playbook
Build HUDs and menus with responsive anchors, safe areas, focus navigation, screen state, and event-driven updates.
Verify in the matching runtime
Run the project or workflow with its actual dependencies and check the changed behavior before accepting the result.
Original game-ui-ux instructionsEngine versions and upgrade policy
Shared collection installation
Install the complete upstream collection with its router and keep each skill’s bundled references, scripts, and assets. The dispatcher selects an engine and the smallest relevant task set; a member listing is a focused entry into that shared package.
| コマンド | 用途と使いどころ |
|---|---|
npx skills add gamedev-skills/awesome-gamedev-agent-skills | Keep the router and supporting skill folders available together. |
使う前に
- An existing or planned game and an Agent Skills-compatible coding agent. Pair engine-neutral concepts with the engine-specific entrypoints when writing code.
対応エージェント
資料・参照元
元の資料は以下のリンクから確認できます。実践のヒントは SkillHey による編集上の提案です。

