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.

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

01Standard HUD patterns including health bars, skill slots, and minimaps

026 GitHub stars

03Advanced UXML structure and USS styling for game elements

04Responsive scaling via PanelSettings and mobile Safe Area implementation

05Flexbox-based layout optimization using the Yoga engine

06Direct manipulation of UI elements and components via MCP tools

Use Cases

01Building a responsive mobile HUD with dynamic Safe Area offsets

02Implementing diegetic UI displays for immersive 3D environments

03Designing a complex inventory system using BEM-style USS selectors

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add akiojin/unity-mcp-server unity-game-ui-toolkit-design

For use in Claude.ai and ChatGPT

Download Skill