unity-uitoolkit

Create and style Unity UI with UXML, USS, and UIDocument.

1|Updated Jan 25, 2026
One-click install
npx skills add https://github.com/mufengbufeng/EF --skill unity-uitoolkit
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: unity-uitoolkit
Source: https://github.com/mufengbufeng/EF/tree/main/UnityProject/.claude/skills/unity-skills/skills/uitoolkit
Command: npx skills add https://github.com/mufengbufeng/EF --skill unity-uitoolkit

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

UIToolkit enables Unity developers to build scalable, themed UI by combining UXML layouts with USS styles, providing a clean separation between structure and appearance and enabling runtime UI composition via UIDocument.

Core Features & Use Cases

  • Create and edit UXML layouts to define UI structure and hierarchy.
  • Write USS styles to theme UI components and enable consistent design tokens.
  • Bind UXML/USS assets to UIDocument in scenes and manage PanelSettings for scalable rendering.
  • Use VisualElement-based workflows to craft editor and runtime UI with robust tooling.

Quick Start

Load or generate a UXML layout and USS stylesheet, then attach a UIDocument to a GameObject in your scene and reference the created assets to render the UI.

Frequently Asked Questions about unity-uitoolkit

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

FAQPage Schema
How do I create and style Unity UI using UXML and USS?

To create Unity UI, you define the visual structure in UXML files and apply styling rules in USS stylesheets, then attach these assets to a UIDocument component in your scene to render the interface.

What is the best way to separate UI structure from appearance in Unity?

Separating UI structure from appearance is achieved by authoring hierarchical layouts in UXML and defining design tokens in USS, enabling a clean division between visual hierarchy and theming.

Does Unity UIToolkit work with PanelSettings and VisualElement for runtime UI?

Yes, Unity UIToolkit uses VisualElement workflows for both editor and runtime UI, requiring PanelSettings to manage scalable rendering and a UIDocument component to compose the interface in scenes.

Can I use UXML layouts and USS stylesheets for Unity 2022.3 projects?

Yes, you can use UXML layouts and USS stylesheets in Unity 2022.3 projects to build scalable, themed interfaces by loading the assets into a UIDocument for scene integration.

Why do I need a UIDocument component in my Unity scene?

You need a UIDocument component to bind UXML and USS assets to a GameObject, enabling the UIToolkit to compose and render the visual element hierarchy within the active scene.