game-ui-ux-framework

Design game UI/UX with accessibility and localization strategies.

Updated May 18, 2026
One-click install
npx skills add https://github.com/afovea/game-dev-skills --skill game-ui-ux-framework
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: game-ui-ux-framework
Source: https://github.com/afovea/game-dev-skills/tree/main/plugins/game-team/skills/game-ui-ux-framework
Command: npx skills add https://github.com/afovea/game-dev-skills --skill game-ui-ux-framework

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill resolves the ambiguity in UI/UX design by providing a structured methodology for balancing immersion, clarity, and accessibility in game front-ends.

Core Features & Use Cases

  • Design Space Mapping: Categorize UI elements into diegetic, spatial, meta, or non-diegetic layers to optimize player readability.
  • Technology Selection: Compare engine-specific UI paradigms like uGUI, UMG, and Immediate-mode to choose the right architecture for your project.
  • Accessibility Compliance: Generate concrete acceptance criteria based on WCAG 2.2 and Xbox Accessibility Guidelines to ensure inclusive design.

Quick Start

Invoke the game-ui-ux-framework skill to generate a set of accessibility acceptance criteria for a new HUD design.

Frequently Asked Questions about game-ui-ux-framework

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

FAQPage Schema
How do I design accessible game UI that meets industry compliance guidelines?

To design accessible game UI, you need concrete acceptance criteria based on WCAG 2.2 and Xbox Accessibility Guidelines. This skill generates these criteria to ensure your HUD and front-end designs achieve inclusive compliance.

What is the best way to organize game UI elements for player readability?

Organizing game UI elements requires mapping them into diegetic, spatial, meta, or non-diegetic design-space layers. This categorization optimizes player readability by structuring the interface methodology around established spatial models.

How do I choose the right UI architecture paradigm for my game engine?

Choosing the right UI architecture paradigm requires comparing engine-specific approaches like uGUI, UMG, and Immediate-mode. This skill evaluates these technologies to help you select the optimal architecture for your project.

Can I use this game UX methodology for localisation and HUD design simultaneously?

Yes, you can use this game UX methodology for localisation and HUD design simultaneously. It provides a structured framework supporting both localisation strategies and accessibility compliance for comprehensive front-end implementation.

What are the limitations of using a structured methodology for game UI design?

A structured methodology for game UI design requires strict adherence to established design-space models and accessibility guidelines. The main limitation is the constraint of balancing immersion, clarity, and compliance without deviating from these industry standards.

Why does my game UI feel disconnected from the gameplay immersion?

Your game UI feels disconnected from gameplay immersion due to ambiguity in UI/UX design layers. Applying a structured methodology balances immersion, clarity, and accessibility by correctly categorizing elements into diegetic or non-diegetic spaces.