unity-ui-toolkit-design-system

What problem does it solve?

This skill solves the problem of building a consistent, tokenized UI in Unity UI Toolkit without manually restyling every button, input, icon, and interaction pattern across screens.

Core Features & Use Cases

• Token-based theming + variants: Uses var(--color-*) cascade with dark default styling and optional light theme overrides for predictable visual consistency.
• Drop-in component library: Provides 24+ UI components (buttons, inputs, tabs, toggles, modals, toasts, progress, sliders, badges/labels, navigation patterns) designed to work together.
• Runtime helpers for production behavior: Auto-attaches a runtime helper to UIDocuments for toggle knob behavior, loading/spinner rotation, and skeleton shimmer, reducing glue code.
• Responsive + mobile touch targets: Supports a .mobile class that flips sizing and touch-target requirements for small screens.
• Icon set with state tinting: Ships 63 SVG icons with automatic tinting via Unity’s -unity-background-image-tint-color for hover/active/disabled states.

Quick Start

Ask the assistant: "Generate the Unity UI Toolkit setup steps to install and use the unity-ui-toolkit-design-system in my project, including how to attach the USS, enable runtime auto-helpers, and apply mobile and light theme classes."