unity-ui

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

Updated Aug 31, 2026
One-click install
npx skills add https://github.com/pikachu0310/codex-agent-ops-public --skill unity-ui-pikachu0310
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: unity-ui
Source: https://github.com/pikachu0310/codex-agent-ops-public/tree/main/.agents/skills/unity-skills/skills/ui
Command: npx skills add https://github.com/pikachu0310/codex-agent-ops-public --skill unity-ui-pikachu0310

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 a set of callable skills. ## Core Features & Use Cases - Element Creation: Create Canvas, 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 anchor presets, full RectTransform editing, vertical/horizontal/grid layout groups, and selection-based alignment and distribution. - Property and Effect Configuration: 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. 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 uses Canvas, RectTransform, and GameObject-based elements, while UI Toolkit uses UXML, USS, and UIDocument. This module covers UGUI only; route UXML/USS/UIDocument work to the uitoolkit module instead.

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, 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. Create elements first, then position them with ui_set_rect for size and offsets, ui_set_anchor for anchor presets, or ui_set_rect_transform for full Inspector-level RectTransform control.

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 selected UI elements. Select the required elements in the Hierarchy before calling ui_align_selected or ui_distribute_selected.

How do I delete a UI element with this module?

This module contains no delete skills. To remove UI nodes, use the gameobject module instead, which handles GameObject deletion operations.