Unity UI Toolkit

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

95|11|Updated Oct 13, 2025
One-click install
npx skills add https://github.com/Dev-GOM/claude-code-marketplace --skill unity-ui-toolkit
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: Unity UI Toolkit
Source: https://github.com/Dev-GOM/claude-code-marketplace/tree/main/plugins/unity-dev-toolkit/skills/unity-uitoolkit
Command: npx skills add https://github.com/Dev-GOM/claude-code-marketplace --skill unity-ui-toolkit

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill eliminates the complexity of Unity UI Toolkit development by automating UXML structure creation, USS styling, and C# VisualElement manipulation, saving you hours of manual coding and debugging.

Core Features & Use Cases

  • UXML Structure: Automatically generates proper element hierarchies and naming conventions for common controls like buttons, toggles, and lists.
  • USS Styling: Creates class-based styling with Flexbox layouts, variables, and dark theme optimization.
  • C# VisualElement API: Handles query operations, event binding, and data synchronization with SerializedObject.
  • Use Case: Imagine you need to create a complex editor window with multiple tabs, data-bound fields, and responsive layouts. This Skill generates the complete UXML structure, USS styling, and C# implementation automatically.

Quick Start

Use the Unity UI Toolkit skill to create a UXML structure for an editor window with a button named "generate-button" and a text field for user input.

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 UXML structures for Unity editor windows?

UXML structures define hierarchical UI elements using XML markup in Unity UI Toolkit. This Skill automates generation of proper element hierarchies and naming conventions for common controls like buttons, toggles, and lists, eliminating manual coding and reducing development time for editor windows in Unity 2021.2+.

Can I style Unity UI Toolkit elements with CSS-like syntax?

Yes, USS (Unity Style Sheets) provides CSS-like styling for UI Toolkit elements. This Skill creates class-based USS styling with Flexbox layouts, variables, and dark theme optimization, enabling responsive and maintainable UI designs without manual stylesheet authoring.

How do I bind data to VisualElement controls in Unity?

Data binding synchronizes VisualElement properties with SerializedObject fields in Unity. This Skill handles query operations, event binding, and data synchronization automatically, enabling two-way data flow between UI controls and your data model without boilerplate code.

What's the best way to build complex editor windows with multiple tabs and layouts?

Complex editor windows require coordinated UXML markup, USS styling, and C# event handling. This Skill generates complete UXML structures, USS styling, and C# VisualElement implementations automatically, supporting multi-tab interfaces and responsive Flexbox layouts for editor and runtime UIs.

Does Unity UI Toolkit work with older Unity versions?

Unity UI Toolkit for runtime interfaces requires Unity 2021.2 or later, while editor interfaces support Unity 2019.4+. This Skill aligns with both runtime and editor constraints, providing structured guidance for your target Unity version and UI context.

How do I handle element lifecycle and event cleanup in UI Toolkit?

Proper lifecycle management prevents memory leaks and dangling event handlers in UI Toolkit. This Skill satisfies requirements for element querying, event handling, and lifecycle cleanup, ensuring resources are released and event subscriptions are removed correctly.

Related Skills