Can I use this for mobile games with notches?

Absolutely. This skill includes specific logic for Safe Area support to ensure UI elements are not obscured by device notches or hardware features.

Does it provide C# logic or just UI layout?

It provides both the uGUI hierarchy setup via MCP tools and the corresponding C# controller patterns for elements like health bars and cooldowns.

What types of game UI can it create?

It supports all four major categories: Diegetic (in-world), Non-Diegetic (HUD overlay), Spatial (3D world markers), and Meta (full-screen effects).

Does this skill support different screen resolutions?

Yes, it automatically configures the CanvasScaler with 'Scale With Screen Size' and sets up appropriate reference resolutions and match modes for responsive design.

Unity uGUI Game UI Design

Name: Unity uGUI Game UI Design
Author: akiojin

byakiojin

ゲーム開発

Designs and implements professional game user interfaces using Unity's uGUI system with responsive layouts and mobile optimization.

概要

This skill empowers Claude to architect and build complex Unity game interfaces using the uGUI system. It provides expert guidance on Canvas configurations, RectTransform anchoring, and the implementation of specific game UI patterns such as HUDs, health bars with delayed damage effects, and skill cooldowns. It focuses on modern industry standards, including responsive scaling via CanvasScaler and mobile-specific considerations like Safe Area management, while also supporting Diegetic, Non-Diegetic, Spatial, and Meta UI classifications.

主な機能

Support for Diegetic (in-world) and Spatial UI positioning
Precise RectTransform and Anchor positioning for responsive HUD elements
Implementation of interactive UI elements like health bars and skill slots
Automated Canvas and CanvasScaler configuration for multi-resolution support
Mobile-ready design with Safe Area integration and responsive scaling
0 GitHub stars

ユースケース

Designing World-Space health bars that float above 3D game characters
Creating a mobile-responsive RPG HUD with health, mana, and skill bars
Implementing a modular inventory system UI with proper grid layouts

概要

主な機能

Support for Diegetic (in-world) and Spatial UI positioning
Precise RectTransform and Anchor positioning for responsive HUD elements
Implementation of interactive UI elements like health bars and skill slots
Automated Canvas and CanvasScaler configuration for multi-resolution support
Mobile-ready design with Safe Area integration and responsive scaling
0 GitHub stars

ユースケース

Designing World-Space health bars that float above 3D game characters
Creating a mobile-responsive RPG HUD with health, mana, and skill bars
Implementing a modular inventory system UI with proper grid layouts