skills.rest
dyCuong03
dyCuong03COMMUNITY
Explore all skills by this author →
GitHub

unity-uitoolkit

Generate and update Unity UI Toolkit UXML/USS assets with UIDocument and PanelSettings.

6|Updated Apr 2, 2026
Search Tags:#uxml#uss#unity#ui toolkit#uidocument#panelsettings#visualelements
One-click install
npx skills add https://github.com/dyCuong03/unity-agent-team --skill unity-uitoolkit-dycuong03
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: unity-uitoolkit
Source: https://github.com/dyCuong03/unity-agent-team/tree/main/.claude/skills/unity-skills/skills/uitoolkit
Command: npx skills add https://github.com/dyCuong03/unity-agent-team --skill unity-uitoolkit-dycuong03

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill solves the problem of manually creating and maintaining Unity UI Toolkit (UITK) screens by giving you structured guidance and repeatable edits for UXML and USS.

Core Features & Use Cases

  • Create and update UITK assets: Generate USS and UXML files, write changes, search existing assets, and inspect UXML structure for safe incremental edits.
  • Attach UI to scenes with correct rendering setup: Create and update UIDocument and PanelSettings so your UI renders correctly at runtime.
  • Programmatically build and style VisualElement hierarchies: Add, modify, remove, and clone UXML elements and add/remove USS selector rules (with guardrails against unsupported CSS features).

Use case: You need to add a new “Settings” panel to an existing Unity 2022.3+ project—create the USS style tokens, draft the UXML layout, then attach it via UIDocument and PanelSettings and iteratively refine the element tree without mixing UITK with UGUI/Canvas.

Quick Start

Ask: Create a UITK HUD named MainHUD using Assets/UI/MainHUD.uxml and Assets/UI/MainHUD.uss, add a header label and a flex row of two buttons, then create or update the PanelSettings and attach the UIDocument in the scene.

Frequently Asked Questions about unity-uitoolkit

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

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

To create a Unity UI Toolkit layout, you generate UXML and USS assets to define the visual structure and styling. You then assemble VisualElement trees and wire the UIDocument with PanelSettings to ensure correct runtime rendering.

Can I incrementally edit existing UXML files without a full project refresh?▼

Yes, you can perform incremental structural edits to existing UXML files. The process inspects the UXML structure to safely add, modify, remove, or clone elements and performs asset import for individual USS/UXML updates without triggering a full-project refresh.

Does Unity UI Toolkit work with UGUI or Canvas?▼

Unity UI Toolkit enforces anti-mixing rules with UGUI and is scoped for Unity 2022.3+ UITK-only requirements. It operates independently of UGUI or Canvas, ensuring your HUD, menu, or dialog layouts remain strictly within the UITK framework.

How do I attach a UIDocument and PanelSettings to render UI at runtime?▼

You attach UI to scenes by creating and updating the UIDocument and PanelSettings components. This setup ensures your VisualElement hierarchies and UXML layouts render correctly at runtime within your Unity project.

What are the limitations of USS styling in Unity UI Toolkit?▼

USS styling in Unity UI Toolkit has guardrails against unsupported CSS features. You can add and remove USS selector rules using design-token-driven styling, but certain standard CSS functionalities are restricted to maintain compatibility.

Related Skills

Explore More Software Engineering Skills→
Yuan-ZzzzYuan-Zzzz

unity-uitoolkit

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

Community
Advanced
Dev-GOMDev-GOM
95

Unity UI Toolkit

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

Community
Intermediate
YiDuandtdtYiDuandtdt

unity-uitoolkit

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

Community
Advanced
RayzerrekRayzerrek

unity-uitoolkit

Create and edit UXML layouts, USS stylesheets, and UIDocument attachments for Unity UI Toolkit.

Community
Advanced