ui-toolkit

Build Unity UI Toolkit interfaces with UXML, USS, and C# controllers.

3|Updated Jun 27, 2026
One-click install
npx skills add https://github.com/OmerZeyveli/kinglet-unity --skill ui-toolkit-omerzeyveli
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-toolkit
Source: https://github.com/OmerZeyveli/kinglet-unity/tree/main/.claude/skills/systems/ui-toolkit
Command: npx skills add https://github.com/OmerZeyveli/kinglet-unity --skill ui-toolkit-omerzeyveli

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps Unity developers build structured, interactive user interfaces without guessing at UI Toolkit's UXML, USS, querying, binding, and event APIs.

Core Features & Use Cases

  • UXML Structure: Create menu screens and interface hierarchies with reusable visual elements, controls, names, and classes.
  • USS Styling: Style Unity interfaces with flex layouts, Unity-specific properties, colors, transitions, and interaction states.
  • C# Integration: Connect UIDocuments to controller scripts using UQuery, callbacks, custom VisualElements, and virtualized ListViews.
  • Use Case: Build a main menu with play, settings, and quit buttons, a volume slider, a fullscreen toggle, and a virtualized inventory list.

Quick Start

Use the ui-toolkit skill to create a Unity UI Toolkit screen with UXML, USS styling, and a C# controller for its interactive controls.

Frequently Asked Questions about ui-toolkit

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

FAQPage Schema
How do I build a responsive Unity UI with UXML and USS?

You build responsive Unity UI by constructing screen hierarchies with UXML and applying flex layouts and interaction states with USS. This approach uses web-like styling properties to create reusable controls and structured visual elements without manual layout calculations.

How do I connect UXML elements to a C# script in Unity UI Toolkit?

You connect UXML elements to C# scripts using UQuery to select visual elements by name or class. Once selected, you register callbacks and event handlers on those elements to manage interactive controls within your UIDocument.

Can I create a virtualized ListView for inventory using Unity UI Toolkit?

Yes, Unity UI Toolkit supports virtualized ListViews for displaying large data sets like inventories. You bind data collections to the ListView, and it handles rendering only the visible items, ensuring performance remains smooth.

Does Unity UI Toolkit support data binding for runtime interface controls?

Unity UI Toolkit supports data binding and runtime document integration. You link UIDocuments to controller scripts, using UQuery and custom VisualElements to synchronize data and handle runtime events for interactive controls.

What is the best way to style interactive states in Unity UI Toolkit?

The best way to style interactive states in Unity UI Toolkit is using USS. You define Unity-specific properties, colors, and transitions in USS files, applying classes to your visual elements to manage hover and active interaction states.

Do I need prior UI Toolkit knowledge to use UQuery and custom VisualElements?

Yes, you need Unity UI Toolkit knowledge to effectively use UQuery and custom VisualElements. Understanding flex layouts, reusable controls, and runtime document integration is required to build structured and interactive interfaces.