ui-toolkit

Design and manage Unity UI with UXML, USS, and ListView virtualization patterns.

3|Updated Apr 8, 2026
One-click install
npx skills add https://github.com/XeldarAlz/KlondikeSolitaire --skill ui-toolkit-xeldaralz
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-toolkit
Source: https://github.com/XeldarAlz/KlondikeSolitaire/tree/main/.claude/skills/systems/ui-toolkit
Command: npx skills add https://github.com/XeldarAlz/KlondikeSolitaire --skill ui-toolkit-xeldaralz

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

UI development in Unity via traditional methods can be slow and error-prone. This Skill provides a cohesive pattern for building user interfaces with UI Toolkit, delivering structured UI through UXML, consistent styling with USS, and reliable querying via UQuery to improve maintainability and throughput.

Core Features & Use Cases

  • UXML Structure for defining interface layouts and reusable components.
  • USS Styling for CSS-like theming, tokens, and responsive design with runtime theme switching.
  • UQuery and event system for robust, readable UI element access and interaction.
  • ListView virtualization for performant, scrollable lists in large dashboards or inventories.
  • Custom Visual Elements and data binding to extend UI components without Unity coupling to logic.
  • Theming and runtime style swapping to support multiple skins or modes.

Quick Start

Create a simple menu by wiring a UXML file to a UIDocument, style it with USS, and access UI elements via UQuery.

Frequently Asked Questions about ui-toolkit

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

FAQPage Schema
How do I build responsive Unity UI menus using UXML and USS?

You can build responsive Unity UI menus by defining interface layouts in UXML and applying CSS-like theming with USS. This approach separates structure from styling, enabling clean in-game menus and runtime theme switching.

What is ListView virtualization in Unity UI Toolkit?

ListView virtualization is a UI Toolkit feature for rendering performant, scrollable lists. It processes large datasets in dashboards or inventories by only rendering visible items, significantly improving UI throughput.

Can I use UI Toolkit to build runtime HUDs with data binding?

Yes, UI Toolkit supports building runtime HUDs using custom Visual Elements and data binding. This allows you to extend UI components and connect them to logic without direct Unity coupling.

What is the best way to handle UI element access and keyboard navigation in Unity UI Toolkit?

The best way to handle UI element access is using UQuery and the event system. This pattern provides robust, readable querying for interactions and meets requirements for keyboard navigation.

Does UI Toolkit support runtime theme swapping with USS?

Yes, UI Toolkit supports theming and runtime style swapping using USS. You can implement multiple skins or modes by applying CSS-like tokens and responsive design rules across your project.

Why use UXML and USS for Unity UI instead of traditional methods?

Traditional Unity UI development can be slow and error-prone. Using UXML and USS provides a cohesive pattern with structured layouts, consistent styling, and reliable UQuery access to improve maintainability.