unity-ui-procedural

星标12

分支2

更新时间2026年4月14日 22:20

Advanced UI construction using C# code instead of UI Builder. Includes fluent extension methods and reusable pointer manipulators.

安装

用 Codex 或 Claude 帮你安装复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。

来源

MuharremTozan

MuharremTozan/unity-agent-skills

打开 GitHub 仓库查看创作者相关仓库

下载

Unity UI Toolkit Procedural UI

Build lightning-fast, highly dynamic user interfaces entirely through code. This skill enables the "Logic-First" UI workflow, perfect for complex systems like inventories, tooltips, and dynamic HUDs.

Core Features

Fluent Hiyerarşi Construction: Use chained extension methods like .CreateChild<T>() and .WithClass() to build UI trees that read like documentation.
Generic Pointer Manipulators: Decouple interaction logic (Drag, Resize, Selection) from visuals using the Manipulator API.
No-Builder Workflow: Eliminates the need for complex UXML files, making UI version-control friendly and procedurally scalable.
BEM Integration: Extension methods prioritize CSS class application to maintain a clean styling system.

Core Files (Max 3)

UIToolkitExtensions.cs.txt: Generic methods for chaining element creation and styling.
DragManipulator.cs.txt: A cross-platform pointer-based drag system for any VisualElement.
ProceduralViewExample.cs.txt: A "Hotbar/Inventory" demo showing the power of the fluent syntax.

Usage

1. Build a Panel (The Fluent Way)

var root = GetComponent<UIDocument>().rootVisualElement;
root.CreateChild<VisualElement>( "main-menu" )
    .WithClass( "menu--active" )
    .CreateChild<Button>( "menu__btn--start" )
    .text = "Start Game";

2. Add Interactions

var window = root.Q( "inventory-window" );
window.AddManipulator( new DragManipulator() );

Key Principle

Always use USS classes for styling even when building procedurally. Avoid setting .style.width or colors directly in C# unless it is for dynamic calculations (like health bars).

同仓库更多 Skills

同仓库

unity-abstract-factory

MuharremTozan/unity-agent-skills

Factory pattern for creating families of related objects. Supports both ScriptableObject composition and simple prefab instantiation.

2026-04-1412

unity-assembly-management

MuharremTozan/unity-agent-skills

Manage project boundaries using Assembly Definitions (.asmdef) for faster compile times and modular architecture. Based on the patterns by Adam Myhre. Enforces responsibility-based organization and handles Runtime/Editor/Tests splits.

2026-04-1412

unity-builder-pattern

MuharremTozan/unity-agent-skills

Step-by-step object construction using fluent interfaces. Simplifies complex GameObject setup.

2026-04-1412

unity-code-reviewer

MuharremTozan/unity-agent-skills

Professional Unity C# Code Reviewer. Detects anti-patterns, performance leaks, and enforces project-specific architecture.

2026-04-1412

unity-command-pattern

MuharremTozan/unity-agent-skills

Encapsulate actions as objects for queuing, undo/redo, and async execution.

2026-04-1412

unity-composition-pattern

MuharremTozan/unity-agent-skills

Implements "Composition over Inheritance" using ScriptableObject configs and C# Tuples. Replaces deep class hierarchies with modular, has-a relationships.

2026-04-1412

name	unity-ui-procedural
description	Advanced UI construction using C# code instead of UI Builder. Includes fluent extension methods and reusable pointer manipulators.

Unity UI Toolkit Procedural UI

Build lightning-fast, highly dynamic user interfaces entirely through code. This skill enables the "Logic-First" UI workflow, perfect for complex systems like inventories, tooltips, and dynamic HUDs.

Core Features

Fluent Hiyerarşi Construction: Use chained extension methods like .CreateChild<T>() and .WithClass() to build UI trees that read like documentation.
Generic Pointer Manipulators: Decouple interaction logic (Drag, Resize, Selection) from visuals using the Manipulator API.
No-Builder Workflow: Eliminates the need for complex UXML files, making UI version-control friendly and procedurally scalable.
BEM Integration: Extension methods prioritize CSS class application to maintain a clean styling system.

Core Files (Max 3)

UIToolkitExtensions.cs.txt: Generic methods for chaining element creation and styling.
DragManipulator.cs.txt: A cross-platform pointer-based drag system for any VisualElement.
ProceduralViewExample.cs.txt: A "Hotbar/Inventory" demo showing the power of the fluent syntax.

Usage

1. Build a Panel (The Fluent Way)

var root = GetComponent<UIDocument>().rootVisualElement;
root.CreateChild<VisualElement>( "main-menu" )
    .WithClass( "menu--active" )
    .CreateChild<Button>( "menu__btn--start" )
    .text = "Start Game";

2. Add Interactions

var window = root.Q( "inventory-window" );
window.AddManipulator( new DragManipulator() );

Key Principle

Always use USS classes for styling even when building procedurally. Avoid setting .style.width or colors directly in C# unless it is for dynamic calculations (like health bars).