How does it help with responsive design?

It provides automated settings for the CanvasScaler and standardizes Anchor/Pivot configurations to ensure UI scales correctly across different aspect ratios and resolutions.

What UI systems does this skill support?

This skill specifically focuses on Unity's uGUI (Canvas/RectTransform) system, providing guidance for HUDs, world-space UI, and mobile-responsive layouts.

Does it provide C# logic or just UI layout?

The skill provides both the uGUI component configurations via MCP tools and the corresponding C# controller patterns for dynamic elements like resource bars.

Does it handle mobile screen notches and safe areas?

Yes, the skill includes implementation patterns for Safe Area support to ensure your UI elements are correctly positioned on devices with notches or punch-holes.

Can I use this for World Space health bars?

Absolutely. It provides specific configuration patterns for World Space Canvases and Spatial UI elements like markers and health bars that follow characters.

Unity Game uGUI Design

Name: Unity Game uGUI Design
Author: akiojin

byakiojin

•

游戏开发

Architects and implements professional game interfaces in Unity using the uGUI system, including responsive HUDs, health bars, and mobile-optimized layouts.

关于

The Unity Game uGUI Design skill provides Claude with expert-level guidance for creating sophisticated user interfaces within the Unity Editor. It covers the full spectrum of game UI types, including Diegetic, Non-Diegetic, Spatial, and Meta UI, ensuring that developers can build immersive and functional interfaces. From initial Canvas and CanvasScaler setup to complex RectTransform anchor configurations and Safe Area support for mobile devices, this skill streamlines the UI workflow. It includes ready-to-use patterns for common elements like health bars with delayed damage effects, inventory systems, and skill bars, helping developers maintain industry-standard placement and responsive design principles.

主要功能

6 GitHub stars
Automated Canvas and CanvasScaler setup for multi-resolution support
Pre-defined HUD layout templates for HP bars, minimaps, and skill slots
Implementation patterns for Diegetic, Spatial, and Meta UI types
Expert configuration of RectTransform anchors and pivots for responsive layouts
Mobile-ready design including Safe Area support and notch handling

使用场景

Building a responsive mobile game HUD with health bars and action buttons
Creating diegetic in-game world-space menus that characters interact with
Designing complex inventory and skill-bar systems with standardized anchoring

关于

主要功能

6 GitHub stars
Automated Canvas and CanvasScaler setup for multi-resolution support
Pre-defined HUD layout templates for HP bars, minimaps, and skill slots
Implementation patterns for Diegetic, Spatial, and Meta UI types
Expert configuration of RectTransform anchors and pivots for responsive layouts
Mobile-ready design including Safe Area support and notch handling

使用场景

Building a responsive mobile game HUD with health bars and action buttons
Creating diegetic in-game world-space menus that characters interact with
Designing complex inventory and skill-bar systems with standardized anchoring