unity-ui

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

2|Updated May 18, 2026
One-click install
npx skills add https://github.com/pcone-mm/NewFPG --skill unity-ui-pcone-mm
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: unity-ui
Source: https://github.com/pcone-mm/NewFPG/tree/main/.agents/skills/unity-skills/skills/ui
Command: npx skills add https://github.com/pcone-mm/NewFPG --skill unity-ui-pcone-mm

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

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 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 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 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 and ui_layout_children with a vertical layout 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, ui_set_rect for precise size and offset edits, or ui_set_rect_transform for full Inspector-level RectTransform control including anchors, pivot, and sizeDelta.

Does Unity UI creation support TextMeshPro?

Yes, text creation auto-detects TextMeshPro. When TMP is installed it creates TextMeshProUGUI components, otherwise it falls back to the legacy UnityEngine.UI.Text. Check the response payload to confirm which component was created.

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

UGUI is the Canvas-based UI system covered by this Skill, using GameObjects with RectTransforms. 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 most create skills do not accept x/y placement. Follow batch creation with ui_layout_children, ui_set_anchor, or ui_set_rect to arrange the elements.