unity-uitoolkit

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

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Building Unity UI Toolkit interfaces requires coordinating USS stylesheets, UXML layout files, PanelSettings assets, and UIDocument scene components, and mistakes like unsupported CSS properties or wrong binding attributes silently break asset imports. This Skill provides structured operations for every step of that workflow with guardrails against common errors. ## Core Features & Use Cases - USS/UXML Authoring: Create, read, write, and batch-generate USS stylesheets and UXML layouts, add or remove elements and style rules, and generate paired starter templates (menu, HUD, dialog, inventory, and more). - Scene Integration: Create UIDocument GameObjects, configure PanelSettings with scale modes and reference resolutions, and inspect live VisualElement trees in the scene. - Unity 6 Features: Declare runtime data bindings in UXML, create world-space UI panels, and run UXML upgraders, with version-gated checks that report required Unity versions instead of failing opaquely. - Use Case: A developer needs a game HUD. They create a PanelSettings asset with ScaleWithScreenSize, generate a USS file with design tokens, build the UXML layout, and attach it to the scene via a UIDocument — all through guided skill calls. ## Quick Start Ask the AI to create a Unity UI Toolkit HUD with a PanelSettings asset, a USS stylesheet, a UXML layout, and a UIDocument attached to the scene.

Frequently Asked Questions about unity-uitoolkit

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

FAQPage Schema
How do I create a UI Toolkit HUD in Unity?

Create a PanelSettings asset with ScaleWithScreenSize, write a USS stylesheet and UXML layout, then attach them to the scene with a UIDocument component. Starter templates like hud, menu, and dialog can generate paired UXML and USS files in one step.

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

UI Toolkit uses UXML for structure, USS for styling, and UIDocument for scene attachment, while UGUI uses Canvas, Button, and Image components. They are separate systems and their workflows should not be mixed.

Does Unity USS support CSS features like grid, box-shadow, or calc()?

No. USS supports flexbox layout, transforms, transitions, and CSS variables, but not display:grid, box-shadow, calc(), @media, pseudo-elements, or z-index. Grids are emulated with flex-wrap rows and shadows with layered background elements.

Can I use runtime data binding in Unity UI Toolkit?

Runtime data binding via DataBinding elements requires Unity 6000.0 or later and is written directly into the UXML asset so it persists. On older versions like 2022.3, only the editor-only SerializedObject binding-path approach is available.

Why does world-space UI Toolkit panel creation fail on my Unity version?

World-space UI requires Unity 6000.2 or later, where UIDocument gained world-space properties; PanelRenderer components only exist in 6000.5+. On older versions, use a UGUI world-space Canvas instead.

Why does my UXML asset fail to import after adding a binding?

An invalid binding-mode or unconfirmed attribute on a DataBinding node breaks the whole UXML asset import. Binding modes are validated against TwoWay, ToSource, ToTarget, and ToTargetOnce before writing, but extra attributes are not schema-validated.