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

•

Game Development

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.

Key Features

016 GitHub stars

02Automated Canvas and CanvasScaler setup for multi-resolution support

03Pre-defined HUD layout templates for HP bars, minimaps, and skill slots

04Implementation patterns for Diegetic, Spatial, and Meta UI types

05Expert configuration of RectTransform anchors and pivots for responsive layouts

06Mobile-ready design including Safe Area support and notch handling

Use Cases

01Building a responsive mobile game HUD with health bars and action buttons

02Creating diegetic in-game world-space menus that characters interact with

03Designing complex inventory and skill-bar systems with standardized anchoring

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