Can this skill handle mobile-specific UI challenges?

Yes, it includes specialized logic for CanvasScaler configuration and Safe Area implementation to ensure UI fits various mobile screen aspect ratios and accounts for device notches.

Can I create UI that exists in the 3D game world?

Yes, the skill supports 'World Space' Canvas configurations, allowing you to create diegetic and spatial UI elements like health bars that float over character heads.

Does it support TextMesh Pro?

Absolutely. The skill includes commands to create and configure TextMeshProUGUI components for high-quality, scalable text rendering in your game.

How does it help with HUD layouts?

It provides standardized anchor and pivot configurations based on industry-standard UI placement, such as positioning HP bars in the top-left and skill bars in the bottom-center.

Unity uGUI Game UI Design

Name: Unity uGUI Game UI Design
Author: akiojin

byakiojin

0•

Game Development

Builds and manages responsive game user interfaces using Unity's uGUI system, including HUDs, menus, and mobile-optimized layouts.

This skill provides comprehensive guidance and automation for designing professional game interfaces within Unity using the uGUI framework. It streamlines the creation of essential game elements like dynamic health bars, skill cooldown overlays, and complex HUD layouts. By incorporating industry-standard practices for anchors, pivots, and Canvas scaling, it ensures interfaces are perfectly positioned across various resolutions. The skill also addresses modern requirements such as mobile Safe Area compliance and the implementation of diegetic and spatial UI systems to enhance player immersion.

Key Features

01Implementation of industry-standard HUD layouts with precise anchor and pivot control

02Creation of advanced UI components like health bars with delayed damage visuals

03Automated Canvas and CanvasScaler setup for responsive multi-resolution support

040 GitHub stars

05Mobile-responsive design patterns including Safe Area and notch compatibility

06Support for diegetic, non-diegetic, spatial, and meta UI classification and setup

Use Cases

01Creating dynamic resource bars (HP/MP) with smooth animations and status text

02Designing a mobile-ready HUD with responsive layouts and Safe Area support

03Setting up world-space UI for enemy health bars, nameplates, or interactable icons

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add akiojin/unity-mcp-server unity-game-ugui-design

For use in Claude.ai and ChatGPT

Download Skill