What problem does it solve?
Game UI often breaks immersion, frustrates players with poor readability or accessibility, or fails to work across different devices (consoles, PCs, mobile, handhelds). This Skill eliminates those issues by providing proven, industry-vetted guidance for creating game interfaces that feel invisible to players while delivering critical information reliably.
Core Features & Use Cases
- Proven Design Patterns: Includes diegetic UI integration, contextual HUD visibility, safe zone implementation, controller-first navigation, and progressive information disclosure, all vetted against AAA and indie game best practices.
- Anti-Pattern & Edge Case Guidance: Lists common UI failures (like cluttered HUDs, color-only information, resolution scaling issues) and their fixes, plus sharp edge guides for critical issues like safe zone violations and controller navigation deadends.
- Validation Rules: Provides regex-based checks to catch UI errors like hardcoded button prompts, tiny touch targets, and missing text outlines before they reach players.
- Use Case: For example, if you're designing a HUD for an open-world RPG, use this Skill to ensure health bars are readable during combat, minimaps don't obscure gameplay, and the UI works seamlessly on 4K TVs, Steam Decks, and mobile devices.
Quick Start
Use the game-ui-design skill to build a diegetic health and ammo display system for your sci-fi horror game that works across console, PC, and mobile platforms without breaking immersion.
