ui-toolkit-design
CommunityMaster Unity UI Toolkit design and styling.
AuthorHo-Gyu-Lee
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill provides comprehensive guidelines and best practices for designing and styling user interfaces using Unity's UI Toolkit (UXML/USS), ensuring consistency, maintainability, and cross-platform compatibility.
Core Features & Use Cases
- UXML/USS Structure & Naming: Establishes clear conventions for organizing and naming UI files and elements.
- Styling Best Practices: Details how to effectively use USS variables, selectors, pseudo-classes, and transitions.
- Layout & Responsiveness: Guides on implementing flexible layouts with Flexbox and adapting UIs to various screen sizes and aspect ratios.
- Multi-Platform Input: Ensures UI elements are usable across mouse, touch, and gamepad inputs.
- Use Case: When starting a new UI project in Unity, consult this Skill to set up a robust and scalable UXML/USS architecture from the beginning, avoiding common pitfalls and ensuring a professional look and feel.
Quick Start
Follow the UXML and USS writing rules to create a responsive button component.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: ui-toolkit-design Download link: https://github.com/Ho-Gyu-Lee/hello-claude-code/archive/main.zip#ui-toolkit-design Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.