unity-ui

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

Updated May 20, 2026
One-click install
npx skills add https://github.com/yuse168/Roomies --skill unity-ui-yuse168
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: unity-ui
Source: https://github.com/yuse168/Roomies/tree/main/.agents/skills/unity-skills/skills/ui
Command: npx skills add https://github.com/yuse168/Roomies --skill unity-ui-yuse168

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Building Unity UGUI interfaces by hand in the editor is slow and repetitive, especially when creating menus, HUDs, and multi-element layouts. This Skill lets you create, position, anchor, and style Canvas-based UI elements programmatically through structured skill calls. ## Core Features & Use Cases - 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 multi-element screens. - Layout and Anchoring: Position elements with RectTransform editing, anchor presets, vertical/horizontal/grid layout groups, alignment, and distribution tools. - Styling and Effects: Configure image fill modes, layout elements, CanvasGroups, masks, outlines, shadows, and selectable transitions. - Use Case: Build a main menu by creating a Canvas, adding a panel, batch-creating Start/Options/Quit buttons, then applying a vertical layout group with spacing 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 programmatically?▼

Create a Canvas first with ui_create_canvas, add a panel with ui_create_panel, then batch-create buttons using ui_create_batch. Finish by applying an anchor preset and a vertical layout group with ui_layout_children for automatic stacking.

How to position and anchor Unity UI elements after creation?▼

Use ui_set_anchor with presets like MiddleCenter or StretchAll for standard positions, then refine size and offsets with ui_set_rect or ui_set_rect_transform. Most create skills do not accept x/y placement, so positioning happens after creation.

Does Unity UGUI 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.

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

UGUI is the Canvas-based UI system using GameObjects and RectTransforms, handled by this ui module. UI Toolkit uses UXML/USS/UIDocument and is handled by the separate uitoolkit module, so route requests accordingly.

Why does ui_create_batch not position my elements correctly?▼

ui_create_batch is designed for bulk creation, not precise positioning, and its items parameter is a JSON string. Follow batch creation with ui_layout_children, ui_set_anchor, or ui_set_rect_transform to arrange the elements.