jgengine-ui

What problem does it solve?

This Skill assists in the design and development of user interface components for games, focusing on visual and interaction design aspects.

Core Features & Use Cases

• Visual Design: Offers guidance on UI art direction, layout, and visual grammar for game interfaces.
• Interaction Design: Provides instructions for implementing interactive elements such as HUDs, menus, touch controls, and accessibility features.
• Layout Modes: Supports explicit game layout modes like desktop-wide, desktop-compact, mobile-landscape, and mobile-portrait.
• Orientation: Handles mandatory orientation requirements for mobile devices.
• Post-processing and Lighting: Includes guidance on applying cinematic post-processing effects and lighting settings.
• Settings Menu: Offers configuration for settings menus with themed layouts and custom actions.
• Motion and Game Feel: Suggests motion design principles for enhancing user experience.
• Mobile Controls: Provides guidance on designing mobile controls that match the game's genre and identity.
• Progressive Instruction: Encourages effective onboarding and control discovery.
• Screenshot Verification: Requires mandatory screenshot verification for UI quality assurance.
• Accessibility and Performance: Highlights the importance of accessibility and performance considerations in UI design.

Quick Start

Use the jgengine-ui skill to generate a basic UI layout for a game scene with a 'title screen', 'HUD', and 'inventory' components.