Does it handle CSS-like styling?

Yes, it utilizes USS (Unity Style Sheets), which is a subset of CSS, allowing you to use selectors, variables, and Flexbox properties.

Can I use this for mobile game development?

Yes, it includes specialized implementation patterns for PanelSettings scaling and Safe Area support to ensure your UI works across various mobile aspect ratios.

Can this skill create in-world 3D user interfaces?

Yes, it provides patterns for Diegetic and Spatial UI, which are UI elements that exist physically within the game world.

What Unity versions are supported?

It is optimized for Unity 2021.2 and newer, with specific recommendations for Unity 6 and later versions where UI Toolkit is the primary UI system.

Does this skill support the legacy Unity UI (uGUI) system?

This skill specifically focuses on the modern UI Toolkit (formerly UIElements), which uses USS and UXML for a more performant, web-like development workflow.

Unity UI Toolkit Designer

Name: Unity UI Toolkit Designer
Author: akiojin

byakiojin

•

Game Development

Architects high-performance game user interfaces using Unity's modern UI Toolkit, USS styling, and UXML structure.

About

This skill empowers developers to build responsive, modern game interfaces within Unity using web-like technologies such as Flexbox, USS (Unity Style Sheets), and UXML. It provides specialized guidance for implementing various UI paradigms including diegetic, non-diegetic, spatial, and meta interfaces. From creating complex HUDs and inventory systems to managing PanelSettings for cross-platform scaling and mobile Safe Area support, this skill streamlines the entire UI development workflow within the Unity engine.

Key Features

Standard HUD patterns including health bars, skill slots, and minimaps
6 GitHub stars
Advanced UXML structure and USS styling for game elements
Responsive scaling via PanelSettings and mobile Safe Area implementation
Flexbox-based layout optimization using the Yoga engine
Direct manipulation of UI elements and components via MCP tools

Use Cases

Building a responsive mobile HUD with dynamic Safe Area offsets
Implementing diegetic UI displays for immersive 3D environments
Designing a complex inventory system using BEM-style USS selectors

About

Key Features

Standard HUD patterns including health bars, skill slots, and minimaps
6 GitHub stars
Advanced UXML structure and USS styling for game elements
Responsive scaling via PanelSettings and mobile Safe Area implementation
Flexbox-based layout optimization using the Yoga engine
Direct manipulation of UI elements and components via MCP tools

Use Cases

Building a responsive mobile HUD with dynamic Safe Area offsets
Implementing diegetic UI displays for immersive 3D environments
Designing a complex inventory system using BEM-style USS selectors