unity-ui-toolkit

Solid

Unity UI Toolkit skill for runtime UI development, USS styling, UXML templates, and custom visual elements.

AI & Automation 814 stars 53 forks Updated today MIT

Install

View on GitHub

Quality Score: 95/100

Stars 20%
97
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
50
License 10%
100
Description 5%
100

Skill Content

# Unity UI Toolkit Skill UI Toolkit development for Unity runtime and editor interfaces. ## Overview This skill provides capabilities for building user interfaces using Unity's UI Toolkit, including UXML templates, USS styling, and custom visual elements. ## Capabilities ### UXML Templates - Create UXML document structure - Define reusable templates - Implement data binding - Handle template inheritance ### USS Styling - Write USS stylesheets - Implement responsive layouts - Create theme variants - Handle hover/focus states ### Visual Elements - Build custom visual elements - Implement manipulators - Handle input events - Create animations ### Data Binding - Bind to data sources - Implement MVVM patterns - Handle list views and collections - Create reactive UI ## Prerequisites - Unity 2021.3+ - UI Toolkit package (built-in) ## Usage Patterns ### UXML Template ```xml <ui:UXML xmlns:ui="UnityEngine.UIElements"> <ui:VisualElement class="container"> <ui:Label name="health-label" text="Health: 100" /> <ui:ProgressBar name="health-bar" value="100" /> <ui:Button name="heal-button" text="Heal" /> </ui:VisualElement> </ui:UXML> ``` ### USS Stylesheet ```css .container { flex-direction: column; padding: 10px; background-color: rgba(0, 0, 0, 0.8); } #health-bar { height: 20px; margin: 5px 0; } #heal-button:hover { background-color: #4CAF50; } ``` ### C# Binding ```csharp public class HealthUI : MonoBehaviour { ...

Details

Author
a5c-ai
Repository
a5c-ai/babysitter
Created
4 months ago
Last Updated
today
Language
JavaScript
License
MIT

Related Skills