skills.rest
ethanJPope
ethanJPopeCOMMUNITY
Explore all skills by this author →
GitHub

unity-ui

Create and lay out Unity UGUI screens, Canvas elements, and RectTransform layouts.

Updated Aug 18, 2026
Search Tags:#unity#ugui#canvas#ui layout#textmeshpro#recttransform#menu creation
One-click install
npx skills add https://github.com/ethanJPope/Our-Main-Hackathon-Game --skill unity-ui-ethanjpope
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: unity-ui
Source: https://github.com/ethanJPope/Our-Main-Hackathon-Game/tree/main/.agents/skills/unity-skills/skills/ui
Command: npx skills add https://github.com/ethanJPope/Our-Main-Hackathon-Game --skill unity-ui-ethanjpope

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Building Unity UGUI interfaces by hand through the editor is slow and repetitive, especially when creating menus, HUDs, and multi-element layouts. This Skill lets you create, position, anchor, and style UGUI elements programmatically through structured skill calls. ## Core Features & Use Cases - Element Creation: Create Canvas, Panel, Button, Text, Image, InputField, Slider, Toggle, Dropdown, ScrollView, RawImage, and Scrollbar elements, with batch creation via ui_create_batch for menus and HUD groups. - Layout and Anchoring: Apply anchor presets, full RectTransform editing, vertical/horizontal/grid layout groups, and selection-based alignment and distribution. - Properties and Effects: Configure image fill modes, layout elements, CanvasGroups, masks, outline/shadow effects, and selectable transitions and color blocks. - 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 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 UGUI menu in Unity programmatically?▼

Create a Canvas first with ui_create_canvas, add a panel with ui_create_panel, then batch-create buttons using ui_create_batch with a JSON items array. Finish by applying an anchor preset and ui_layout_children for vertical or grid arrangement.

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

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

Does Unity UGUI text creation support TextMeshPro?▼

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

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

UGUI uses GameObject-based Canvas hierarchies with RectTransforms, while UI Toolkit uses UXML/USS documents with UIDocument. This Skill covers UGUI only; route UXML, USS, or UIDocument work to the uitoolkit module instead.

Why does ui_align_selected fail with a selection error?▼

Alignment and distribution skills operate on the current Hierarchy selection and require at least two UI elements selected. Select the required elements in the Unity Hierarchy before calling ui_align_selected or ui_distribute_selected.

Can I delete UI elements with the Unity UI skill module?▼

No, the ui module contains no delete, PlayMode, or reload skills. To remove UI nodes, use the gameobject module's deletion skills instead, then continue layout work with the ui module.

Related Skills

Explore More Software Engineering Skills→
BasarEkinciBasarEkinci

textmeshpro

Enable high-quality TextMeshPro SDF text rendering with rich formatting in Unity.

Community
Intermediate
krl76krl76

unity-ui

Create and configure Unity UI elements with layout and anchoring.

Community
Advanced
pcone-mmpcone-mm
2

unity-gameobject

Create, transform, and organize GameObjects in Unity scene hierarchies.

Community
Intermediate
Darth-CarrotpieDarth-Carrotpie

unity-uitoolkit

Create and edit Unity UI Toolkit USS stylesheets, UXML layouts, and UIDocument scene components.

Community
Advanced