unity-ui-toolkit-design-system
Installation
SKILL.md
Unity UI Toolkit Design System
Skill by ara.so — Design Skills collection.
A drop-in design system for Unity 6 UI Toolkit (UIDocument + UXML + USS) providing tokens, 24+ components, 63 icons, mobile responsiveness, and runtime helpers. Battle-tested in production cross-platform games.
What It Provides
- Token-based theming: Dark theme by default with
var(--color-*)cascade, light theme override available - 24 ready components: Buttons, inputs, tabs, toggles, modals, toasts, badges, navigation, progress indicators, etc.
- 63 SVG icons: Auto-tinting via
-unity-background-image-tint-colorfor state changes - Mobile responsiveness: Single
.mobileclass flips all spacing and touch targets - Runtime helper: Auto-attaches to UIDocuments, handles toggle knobs, spinner rotation, skeleton shimmer
- Themed scrollbars: 8px slim scrollbar that auto-themes with palette