unity-ui

Create and lay out Unity UGUI Canvas elements including panels, buttons, text, and layout groups.

Updated Jun 21, 2026
One-click install
npx skills add https://github.com/du-qwq/Shader-Writing-Architecture-and-Specifications --skill unity-ui-du-qwq
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: unity-ui
Source: https://github.com/du-qwq/Shader-Writing-Architecture-and-Specifications/tree/main/.agents/skills/unity-skills/skills/ui
Command: npx skills add https://github.com/du-qwq/Shader-Writing-Architecture-and-Specifications --skill unity-ui-du-qwq

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Building Unity UGUI interfaces by hand in the editor is slow and repetitive, especially when creating many controls, positioning them with RectTransforms, and wiring up layout groups. This Skill lets you create and arrange entire Canvas-based UI screens through simple skill calls instead of manual editor work. ## Core Features & Use Cases - UI Element Creation: Create Canvases, panels, buttons, text, images, input fields, sliders, toggles, dropdowns, scroll views, and scrollbars, with batch creation via ui_create_batch for menus and HUD groups. - Layout and Positioning: Set RectTransform data, apply anchor presets, align or distribute selections, and arrange children with vertical, horizontal, or grid layout groups. - Properties and Effects: Configure image fill modes, layout elements, CanvasGroups, masks, outlines, and selectable transitions, with automatic TextMeshPro detection for text. - Use Case: Build a main menu by creating a Canvas, adding a panel, batch-creating Start/Options/Quit buttons, then applying a MiddleCenter anchor and vertical layout in a few calls. ## Quick Start Ask the AI to create a Unity UGUI main menu with a Canvas, a centered panel, and three vertically stacked buttons labeled Start, Options, and Quit.

Frequently Asked Questions about unity-ui

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

FAQPage Schema
How do I create a Unity UGUI menu with buttons programmatically?

Create a Canvas with ui_create_canvas, add a panel with ui_create_panel, then use ui_create_batch to create multiple buttons at once. Finish by applying an anchor preset with ui_set_anchor and arranging children with ui_layout_children.

What is the difference between UGUI and UI Toolkit in Unity?

UGUI is the Canvas-based UI system using RectTransforms and components like Image and Button, while UI Toolkit uses UXML and USS documents. This Skill covers UGUI only; use the uitoolkit module for UXML, USS, or UIDocument workflows.

Does Unity text creation support TextMeshPro?

Yes, text creation auto-detects TextMeshPro. When TMP is installed it creates a TextMeshProUGUI component, otherwise it falls back to the legacy UnityEngine.UI.Text component, and the response indicates which was used.

How do I position UI elements after creating them in Unity?

Most create skills do not accept x/y placement, so create elements first, then position them. Use ui_set_anchor for standard presets, ui_set_rect for size and offsets, or ui_set_rect_transform for full Inspector-level RectTransform control.

Why does ui_add_canvas or ui_create_label not work?

Those skill names do not exist and are common hallucinations. Use ui_create_canvas for Canvases, ui_create_text for labels, and ui_create_toggle instead of ui_create_checkbox. Check the skill schema for exact names and parameters.