Which Unity versions are supported?

The skill is optimized for Unity 2021.2 and newer, with full support for the latest features in Unity 6.0+.

Can I use this for both in-game UI and Editor tools?

Absolutely. While focused on game UI types like HUDs, the Flexbox and USS principles apply equally to creating custom Unity Editor extensions.

What is the Unity UI Toolkit Design skill?

It is a specialized capability for Claude that provides expert guidance and implementation patterns for Unity's modern UI system, utilizing USS, UXML, and Flexbox.

Does this skill support mobile UI development?

Yes, it includes specific logic for PanelSettings scaling and Safe Area implementation to ensure interfaces work perfectly on all mobile devices.

Unity UI Toolkit Designer

Name: Unity UI Toolkit Designer
Author: akiojin

byakiojin

ゲーム開発

Designs and implements production-grade game interfaces using Unity's UI Toolkit, USS, and UXML frameworks.

概要

The Unity UI Toolkit Design skill enables the creation of sophisticated, modern game user interfaces using web-inspired technologies like USS (CSS-like styling), UXML (HTML-like markup), and Flexbox layouts. It provides specialized guidance for building various UI types—including diegetic, non-diegetic, and spatial elements—while ensuring full responsiveness through PanelSettings scaling and mobile Safe Area support. This skill is essential for developers looking to transition from uGUI to Unity's modern UI architecture for both in-game HUDs and editor extensions.

主な機能

Professional USS styling using BEM naming conventions and CSS-like properties
Mobile-ready responsive layouts with automated Safe Area and orientation handling
Implementation patterns for diverse UI categories (Diegetic, Spatial, Meta)
Standardized UXML structure generation for scalable UI documents
Flexbox-based layout design for complex game HUDs and menus
0 GitHub stars

ユースケース

Creating in-world (diegetic) UI displays for immersive gameplay elements
Designing a dynamic RPG HUD with health bars, skill slots, and minimap placement
Implementing a mobile-responsive inventory system that adapts to screen scaling

概要

主な機能

Professional USS styling using BEM naming conventions and CSS-like properties
Mobile-ready responsive layouts with automated Safe Area and orientation handling
Implementation patterns for diverse UI categories (Diegetic, Spatial, Meta)
Standardized UXML structure generation for scalable UI documents
Flexbox-based layout design for complex game HUDs and menus
0 GitHub stars

ユースケース

Creating in-world (diegetic) UI displays for immersive gameplay elements
Designing a dynamic RPG HUD with health bars, skill slots, and minimap placement
Implementing a mobile-responsive inventory system that adapts to screen scaling