unity-uitoolkit

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

Updated Apr 15, 2026
One-click install
npx skills add https://github.com/Yuan-Zzzz/FrogRE --skill unity-uitoolkit-yuan-zzzz
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: unity-uitoolkit
Source: https://github.com/Yuan-Zzzz/FrogRE/tree/main/.codex/skills/unity-skills/skills/uitoolkit
Command: npx skills add https://github.com/Yuan-Zzzz/FrogRE --skill unity-uitoolkit-yuan-zzzz

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Unity UI Toolkit authoring is often fragmented: designers and engineers must create and synchronize UXML layouts, USS stylesheets, and scene UIDocuments/PanelSettings manually, which is error-prone and time-consuming. This Skill centralizes file operations, scene wiring, template generation, and inspection tools so teams can iterate UI faster and with fewer integration mistakes.

Core Features & Use Cases

  • Create, read, write, delete, and search UXML and USS assets inside a Unity project.
  • Generate paired UXML+USS templates (menu, hud, dialog, settings, inventory, etc.) and batch-create multiple UI files.
  • Create and modify UIDocument GameObjects and PanelSettings assets; read and update PanelSettings properties for consistent responsive behavior.
  • Inspect UXML hierarchies, add/remove/clone/modify elements, and add or remove USS rules and variables.
  • Use cases: rapidly scaffold in-game HUDs, author consistent design tokens, attach runtime UI to scenes, or audit and refactor existing UI Toolkit layouts across a project.

Quick Start

Create a new UXML and USS pair named MainHUD in Assets/UI using the hud template and attach it to a UIDocument in the current scene with default PanelSettings.

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 manage Unity UI Toolkit UXML layouts and USS stylesheets?

To manage Unity UI Toolkit UXML layouts and USS stylesheets, you can create, read, write, delete, and search UXML and USS assets directly inside a Unity project. It supports generating paired templates and batch-creating multiple UI files.

How do I attach a UXML file to a UIDocument in a Unity scene?

Attaching a UXML file to a UIDocument involves creating and modifying UIDocument GameObjects and PanelSettings assets in the scene. This Skill configures PanelSettings properties to ensure consistent responsive behavior for runtime UI.

Can I batch create UI files and generate templates for a Unity HUD?

Yes, you can batch create UI files and generate paired UXML+USS templates. It provides templates for menus, HUDs, dialogs, settings, and inventories, allowing rapid scaffolding of in-game interfaces across a Unity project.

How do I inspect and modify an existing UXML visual tree hierarchy?

Inspecting a UXML visual tree hierarchy allows you to add, remove, clone, or modify elements within the layout. You can also add or remove USS rules and variables to audit and refactor existing Unity UI Toolkit layouts.

Does this UI Toolkit workflow support Unity 2022.3 and later versions?

Yes, this UI Toolkit workflow applies to Unity 2022.3+ editor workflows. It is designed for authoring visual trees, styling with USS, and configuring UIDocument and PanelSettings within those specific Unity editor versions.

Why is manually synchronizing UXML layouts and USS stylesheets error-prone?

Manually synchronizing UXML layouts and USS stylesheets is error-prone because designers and engineers must create and update them separately. This Skill centralizes file operations, scene wiring, and inspection to iterate UI faster with fewer integration mistakes.