skills.rest
JulianKerignard
JulianKerignardCOMMUNITY
Explore all skills by this author →
GitHub

Unity UI Toolkit

Create Unity runtime and editor UIs with UXML, USS, and C# presenters.

7|Updated Feb 27, 2026
Search Tags:#uxml#uss#unity#ui toolkit#data-binding#editor-ui#uidocument
One-click install
npx skills add https://github.com/JulianKerignard/Unity-Skills --skill unity-ui-toolkit-juliankerignard
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: Unity UI Toolkit
Source: https://github.com/JulianKerignard/Unity-Skills/tree/main/skills/unity-ui-toolkit
Command: npx skills add https://github.com/JulianKerignard/Unity-Skills --skill unity-ui-toolkit-juliankerignard

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Building robust, maintainable UI in Unity often requires boilerplate and inconsistent results across runtime and editor contexts. This Skill provides a structured approach to creating UI with UI Toolkit, covering UXML layouts, USS styling, and a C# presenter to separate structure, style and logic.

Core Features & Use Cases

  • Create runtime UI (HUDs, menus, in-world UI) using UXML/USS and a presenter for logic.
  • Build Editor UI (Custom Inspectors, EditorWindows) with consistent styling and data-binding workflows.
  • Theming and responsive layouts via USS variables and layout patterns for scalable UI.

Quick Start

Create a new UI screen by wiring a UIDocument to a UXML/USS pair and a C# presenter, then attach PanelSettings and test in Play mode.

Frequently Asked Questions about Unity UI Toolkit

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create a Unity UI Toolkit screen with UXML and USS?▼

To create a Unity UI Toolkit screen, wire a UIDocument to a UXML layout and USS styling pair, attach PanelSettings, and implement a C# presenter for logic. This separates UI structure, style, and logic for runtime or editor use.

Can I use Unity UI Toolkit for both runtime HUDs and custom editor windows?▼

Yes, Unity UI Toolkit applies to both runtime UI like HUDs and menus, and editor UI like custom inspectors and EditorWindows. It provides consistent styling and data-binding workflows across both contexts.

What is the best way to structure logic when building UI with Unity UI Toolkit?▼

The best way to structure logic in Unity UI Toolkit is using a C# presenter pattern. This separates your UXML structure and USS styling from the logic, querying the visual element root and handling data binding.

How do I apply theming and responsive layouts in Unity UI Toolkit?▼

You apply theming and responsive layouts in Unity UI Toolkit by using USS variables and specific layout patterns. This approach allows your UI to scale consistently across different screen sizes.

Why use Unity UI Toolkit over traditional Unity UI approaches?▼

You use Unity UI Toolkit to avoid the boilerplate and inconsistent results of traditional Unity UI methods. It offers a structured approach with UXML and USS, similar to web development, for maintainable runtime and editor interfaces.

Related Skills

Explore More Design & Creative Skills→
YiDuandtdtYiDuandtdt

unity-uitoolkit

Create and wire Unity UI Toolkit UXML/USS assets to UIDocument and PanelSettings.

Community
Advanced
Dev-GOMDev-GOM
95

Unity UI Toolkit

Generate UXML structures, USS styling, and C# VisualElement code for Unity UI Toolkit.

Community
Intermediate
nlelouchenlelouche
71

mvvm-binding-system

Implements MVVM architecture with reactive data binding for Unity UI Toolkit.

Community
Advanced
Yuan-ZzzzYuan-Zzzz

unity-uitoolkit

Create and edit UXML layouts and USS stylesheets for Unity 2022.3+.

Community
Advanced