skills.rest
YiDuandtdt
YiDuandtdtCOMMUNITY
Explore all skills by this author →
GitHub

unity-ui

Create Unity UGUI canvases, panels, buttons, and layouts programmatically.

1|Updated May 21, 2026
Search Tags:#unity#ugui#layout#canvas#button#ui-layout#textmeshpro
One-click install
npx skills add https://github.com/YiDuandtdt/Bone-Throne --skill unity-ui-yiduandtdt
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: unity-ui
Source: https://github.com/YiDuandtdt/Bone-Throne/tree/main/.agents/skills/unity-skills/skills/ui
Command: npx skills add https://github.com/YiDuandtdt/Bone-Throne --skill unity-ui-yiduandtdt

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Building Unity UGUI interfaces (Canvas-based) can be tedious and error-prone when manually wiring up elements, layouts, and TMP detection. This skill provides a structured approach to rapidly create and arrange canvases, panels, buttons, text, images, and layout groups.

Core Features & Use Cases

  • Create and arrange Unity UI primitives (Canvas, Panel, Button, Text, Image, RawImage, InputField, Slider, Toggle, Dropdown, ScrollView, Scrollbar) with layout-friendly defaults and automatic TextMeshPro detection.
  • Supports common layout patterns (RectTransform anchors, Vertical/Horizontal/Grid layouts) for reusable menus, HUDs, and in-game interfaces.
  • Use cases include building a main menu, in-game HUD, settings panels, and dynamic UI generation during runtime.

Quick Start

Create a Unity UI Canvas named MainMenu, then add a Panel and a Button inside, and set up a vertical layout with proper padding.

Frequently Asked Questions about unity-ui

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

FAQPage Schema
How do I create Unity UGUI interfaces programmatically to speed up UI construction?▼

You can create Unity UGUI interfaces programmatically by applying structured layout patterns to generate canvases, panels, buttons, and text elements. This approach streamlines UI construction by applying layout-friendly defaults for rapid prototyping.

What is the best way to build a Unity UI layout with automatic TextMeshPro detection?▼

The best way to build a Unity UI layout with automatic TextMeshPro detection is to use a structured UI generation approach. It automatically detects TMP while arranging UI primitives like text, buttons, and images with proper RectTransform anchors.

Can I use this approach to generate dynamic Unity UI elements like menus and HUDs at runtime?▼

Yes, you can generate dynamic Unity UI elements at runtime. This method supports creating menus, in-game HUDs, settings panels, and dynamic interfaces by applying Vertical, Horizontal, and Grid layout groups during execution.

Does programmatic Unity UI assembly support common layout groups like Vertical and Grid layouts?▼

Programmatic Unity UI assembly supports common layout groups including Vertical, Horizontal, and Grid layouts. It applies these patterns alongside RectTransform anchors to construct reusable menus, HUDs, and in-game interfaces.

Do I need any specific dependencies or packages to start assembling Unity UI primitives?▼

You do not need specific external dependencies to start assembling Unity UI primitives. The process operates independently to create elements like Canvas, Panel, Slider, and ScrollView, leveraging optional scripts or assets for extended functionality.

Related Skills

Explore More Design & Creative Skills→
ajianazajianaz
4

flutter-ui-ux

Build responsive Flutter UI components with animations and theming.

Community
Advanced
definitelygamesdefinitelygames
1

adding-ui

Create and implement Unity UI elements with canvases and manager scripts.

Official
Intermediate
lrbjklrbjk

unity-timeline

Create and modify Unity Timeline assets, tracks, and clips in the Editor.

Community
Intermediate
tranvietanh0tranvietanh0

unity-ugui

Create Unity uGUI Canvas UI with components like Button and TMP_Text.

Community
Advanced