skills.rest
creator-hian
creator-hianCOMMUNITY
Explore all skills by this author →
GitHub

unity-ui

Implement and optimize Unity UI across UI Toolkit and UGUI.

10|Updated Nov 21, 2025
Search Tags:#ui#unity#performance#responsive#UI Toolkit#UGUI
One-click install
npx skills add https://github.com/creator-hian/claude-code-plugins --skill unity-ui
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: unity-ui
Source: https://github.com/creator-hian/claude-code-plugins/tree/main/unity-plugin/skills/unity-ui
Command: npx skills add https://github.com/creator-hian/claude-code-plugins --skill unity-ui

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps developers build and optimize Unity-based user interfaces, reducing manual UI coding and trial-and-error across UI Toolkits and canvases.

Core Features & Use Cases

  • UI Toolkit (UIElements) for editor and runtime UI
  • UGUI (Canvas) for traditional game UI
  • Responsive layouts and anchors to support multiple resolutions
  • Efficient event systems and data binding patterns
  • Canvas optimization and performance best practices

Quick Start

Create a simple UI with a button, assign a script to handle the click, and ensure layout adapts across screen sizes.

Frequently Asked Questions about unity-ui

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

FAQPage Schema
How do I optimize canvas performance in Unity UI?▼

Canvas optimization separates static and dynamic UI elements onto different canvases, disables raycast on non-interactive elements, uses CanvasGroup for visibility control, and batches rendering efficiently. This reduces overdraw and improves frame rates across platforms.

What's the best way to create responsive UI layouts across different screen sizes?▼

Use Canvas Scaler to maintain consistent UI scaling and anchor presets to position elements relative to screen edges. UI Toolkit and layout groups adapt automatically to resolution changes, ensuring consistent appearance on mobile, tablet, and desktop.

Can I use UI Toolkit for both editor and runtime UI in Unity?▼

Yes, UI Toolkit (UIElements) works for both editor tools and in-game runtime UI with the same framework. This reduces code duplication and lets you apply consistent design patterns across editor extensions and player-facing interfaces.

How do I safely access and wire UI components in Unity?▼

Use TryGetComponent for null-safe component access and null-conditional operators to prevent null-reference exceptions. Event binding patterns ensure safe wiring between UI elements and logic without manual null checks.

What's the difference between UGUI and UI Toolkit for game interfaces?▼

UGUI (Canvas) is the traditional immediate-mode system optimized for game UI; UI Toolkit uses a modern retained-mode architecture with better editor support and cross-platform consistency. Choose based on your project's legacy code and performance requirements.

How do I implement data binding between UI and game logic?▼

Establish event systems and observer patterns to sync UI state with game data. UI Toolkit supports built-in binding; UGUI requires manual event wiring through delegates or scriptable objects to keep UI and logic synchronized.

Related Skills

Explore More Software Engineering Skills→
Sun-Lab-NBBSun-Lab-NBB

verifying-task-templates

Validate YAML task templates against Unity prefab configurations.

Official
Intermediate
hjung3113hjung3113

adapt

Reconfigure user interfaces for mobile, tablet, desktop, print, and email formats.

Community
Advanced
epiphanyappsepiphanyapps

reanimated-skia-performance

Optimize React Native animations and Skia graphics to reduce JS thread stalls.

Official
Advanced
kateuszkateusz
13

editor-ui-drawers

Wrap ImGui calls with reusable Drawer components for consistent editor UI.

Community
Basic