besty0728/unity-uitoolkit
Build Unity UI Toolkit (UITK) UIs — create/edit USS stylesheets and UXML layouts, configure UIDocument components, declare runtime data bindings in UXML, create world-space UI panels, and run UXML upgraders. Use when authoring runtime or editor UI with UI Toolkit, writing USS/UXML, wiring a UIDocument, binding UI to a data source, or building 3D/world-space UI, even if the user just says "UITK" or "UXML". 构建 Unity UI Toolkit(UITK)界面(创建/编辑 USS 样式表与 UXML 布局、配置 UIDocument 组件、在 UXML 中声明运行时数据绑定、创建世界空间 UI 面板、批量升级 UXML);当用户要用 UI Toolkit 编写运行时或编辑器 UI、编写 USS/UXML、接入 UIDocument、把 UI 绑定到数据源、或做 3D/世界空间 UI 时使用。
npx skills add https://github.com/Besty0728/Unity-Skills --skill unity-uitoolkit
Use this module for Unity UI Toolkit only: UXML for structure, USS for styling, UIDocument for scene attachment, and PanelSettings for runtime rendering.
> Requires Unity 2022.3+. Do not mix this module with ui_* UGUI/Canvas skills.
> Localization: Match visible UI text to the user's language. Chinese conversation -> Chinese labels/placeholders/button text. USS class names and CSS variables stay English.
uitk_read_file / uitk_find_files / uitk_get_panel_settings / uitk_list_documents / uitk_inspect_uxml / uitk_list_uss_variables / uitk_inspect_document / uitk_runtime_binding_list / uitk_worldspace_panel_get / uitk_element_reference_get,源码标 SkillMode.SemiAuto)直接执行;其余文件/场景写入类(uitk_create_* / uitk_write_file / uitk_add_* / uitk_modify_element / uitk_runtime_binding_add / uitk_uxml_upgrade / uitk_worldspace_panel_create 等,标 SkillMode.FullAuto)需用户 grant,grant 后服务端一步执行返结果。uitk_delete_file、uitk_remove_element、uitk_remove_uss_rule 标记为 SkillOperation.Delete,被 IsForbiddenInSemi 静态拦截 —— 仅 Bypass 模式或加入 Allowlist 才能调用。AssetDatabase.ImportAsset(path) 对单个 USS/UXML 资产单独触发导入,不会调 AssetDatabase.Refresh() 触发全项目扫描;批量创建依次单独 Import。但 USS/UXML 是 ScriptedImporter 类型,Import 仍会重建依赖此资产的 PanelSettings/UIDocument 引用,触发 IMGUI 检查器刷新与场景视图重绘。DO NOT (common hallucinations):
uitoolkit_create_button / uitoolkit_create_label do not exist -> use uitk_add_elementuitoolkit_set_style does not exist -> use uitk_add_uss_rule, uitk_remove_uss_rule, or uitk_modify_elementuitoolkit_create_canvas does not exist -> UI Toolkit uses UIDocument, not Canvasuitk_* and ui_* are different systems. Do not mix UI Toolkit structure/styling assumptions into UGUI workflowsdisplay:grid, box-shadow, calc(), @media, ::before, z-index, and gradients are unsupportedbinding-path (on uitk_add_element / uitk_modify_element) is the old SerializedObject editor binding. It is not runtime data binding -> use uitk_runtime_binding_add for thatPanelRenderer through component_add; it needs world-space setup -> use uitk_worldspace_panel_createRouting:
ui modulexr_setup_ui_canvasuitk_create_from_templateuitk_create_document or uitk_set_document| Skill | Use | Key parameters |
|-------|-----|----------------|
| uitk_create_uss | Create USS file | savePath, content? |
| uitk_create_uxml | Create UXML file | savePath, content?, ussPath? |
| uitk_read_file | Read USS/UXML content | filePath |
| uitk_write_file | Overwrite file content | filePath, content |
| uitk_delete_file | Delete USS/UXML file | filePath |
| uitk_find_files | Search files by name/path | type?, folder?, filter?, limit? |
| uitk_create_batch | Create 2+ files in one call | items |
| Skill | Use | Key parameters |
|-------|-----|----------------|
| uitk_create_document | Create UIDocument GameObject | name, uxmlPath?, panelSettingsPath?, sortOrder?, parentName?/parentInstanceId?/parentPath? |
| uitk_set_document | Change UIDocument asset bindings | name/instanceId, uxmlPath?, panelSettingsPath? |
| uitk_create_panel_settings | Create PanelSettings asset | savePath, scaleMode, referenceResolutionX/Y, Unity 6 world-space options |
| uitk_get_panel_settings | Read PanelSettings values | assetPath |
| uitk_set_panel_settings | Update PanelSettings selectively | assetPath, changed fields only |
| uitk_list_documents | List scene UIDocuments | none |
| uitk_inspect_document | Inspect live VisualElement tree | name/instanceId/path, depth |
| Skill | Use | Key parameters |
|-------|-----|----------------|
| uitk_add_element | Add a child element | filePath, elementType, parentName?, elementName?, text?, classes? |
| uitk_remove_element | Remove by name | filePath, elementName |
| uitk_modify_element | Change attributes/classes/text | filePath, elementName, text?, classes?, style?, newName?, bindingPath?, custom attribute fields |
| uitk_clone_element | Duplicate an element subtree | filePath, elementName, newName? |
| uitk_inspect_uxml | Parse UXML hierarchy | filePath, depth? |
| Skill | Use | Key parameters |
|-------|-----|----------------|
| uitk_add_uss_rule | Add or replace selector rule | filePath, selector, properties |
| uitk_remove_uss_rule | Remove selector rule | filePath, selector |
| uitk_list_uss_variables | Inspect design tokens / var() usage | filePath |
| Skill | Use | Key parameters |
|-------|-----|----------------|
| uitk_create_from_template | Generate paired UXML+USS | template, savePath, name? |
| uitk_create_editor_window | Generate EditorWindow script | savePath, className, uxmlPath?, ussPath?, menuPath? |
| uitk_create_runtime_ui | Generate runtime MonoBehaviour query scaffold | savePath, className, elementQueries? |
Supported starter templates include menu, hud, dialog, settings, inventory, list, tab-view, toolbar, card, and notification.
These skills call APIs that do not exist on every supported editor. Each one checks the running
editor first and returns a structured SEMANTIC_INVALID error carrying requiredUnityVersion and
currentUnityVersion instead of failing in an opaque way. Read the minimum version before calling.
| Skill | Minimum Unity | Use | Key parameters |
|-------|---------------|-----|----------------|
| uitk_runtime_binding_add | 6000.0 | Add/update a <DataBinding> on a UXML element | filePath, elementName, property, bindingMode?, dataSource?, dataSourcePath?, extraAttributes? |
| uitk_runtime_binding_list | none (read-only) | List bindings + data sources declared in a UXML file | filePath |
| uitk_uxml_upgrade | 6000.3 (not all builds — see below) | Run registered UXML upgraders over assets | filePath?, folder?, upgraderNames?, listOnly?, limit? |
| uitk_worldspace_panel_create | 6000.2 | Create a world-space UI panel GameObject | name, uxmlPath?, panelSettingsPath?, sizeMode?, worldSpaceSizeX/Y?, pivot?, pivotReferenceSize?, setPanelRenderMode? |
| uitk_worldspace_panel_get | 6000.2 | Read a world-space panel's configuration | name/instanceId/path |
| uitk_element_reference_get | none (read-only) | List authoring-id values and nested authoring-id paths | filePath, maxTemplateDepth? |
uitk_runtime_binding_add writes the binding into the UXML asset, so it persists — it is not a
runtime-only code call. It produces the markup Unity's UI Builder produces:
<engine:Label text="Label" data-source="ExampleObject.asset" data-source-path="simpleLabel">
<Bindings>
<engine:DataBinding property="text" binding-mode="ToTarget" />
</Bindings>
</engine:Label>
data-source / data-source-path are written on the element; property / binding-mode on the <DataBinding>.bindingMode is validated against TwoWay, ToSource, ToTarget, ToTargetOnce. An invalid value is rejected before writing, because a bad binding-mode makes the whole UXML asset fail to import.elementName + property updates in place (response action is added or updated), so it is safe to re-run.extraAttributes takes a JSON object (e.g. {"update-trigger":"OnSourceChanged"}) written verbatim onto the <DataBinding> node. These are not schema-validated by the skill — a wrong attribute name breaks the asset import. Only use it for attributes you have confirmed.[CreateProperty] on the source property (Unity.Properties). The skill writes markup only; it does not create or validate the data source type.The underlying component differs by editor version, and the response's component field tells you which one was used:
PanelRenderer component (UnityEngine.UIElements.PanelRenderer, a Renderer subclass).UIDocument with its world-space properties set.Both paths accept the same parameters. sizeMode is Dynamic or Fixed (Fixed uses worldSpaceSizeX/Y); pivot accepts Center, TopLeft, TopCenter, TopRight, LeftCenter, RightCenter, BottomLeft, BottomCenter, BottomRight; pivotReferenceSize accepts BoundingBox or Layout. An unsupported value is rejected with the valid list rather than silently ignored.
World-space rendering also needs the linked PanelSettings in world-space render mode. setPanelRenderMode defaults to true, which flips that asset for you (snapshotted and undoable); the response reports panelRenderModeSetToWorldSpace. Set it to false to leave the asset alone.
uitk_uxml_upgrade drives UnityEditor.UIElements.UxmlUpgradeService. Unity documents that service
from 6000.3 on, but it is not in every 6000.3 build (6000.3.9f1 ships without it), so the skill
binds it by reflection and returns the usual SEMANTIC_INVALID refusal when the editor lacks it —
being on 6000.3+ is not a guarantee the call will run. Call it with listOnly=true first to see
whether the service exists here and which upgraders are registered and enabled — the set is not
fixed, and third-party packages can register their own. Then pass upgraderNames (comma-separated)
to run a subset, or omit it to run every enabled upgrader.
The response reports changed: true/false per asset by comparing the .uxml text before and after,
so you can tell whether an upgrader actually rewrote a file rather than assuming it did.
| Pattern | Supported in USS | What to do |
|---------|------------------|------------|
| Flex layout | Yes | Use flex-direction, flex-wrap, align-items, justify-content |
| border-radius, opacity, overflow:hidden | Yes | Safe to use |
| Transforms / transitions | Yes | translate, scale, rotate work |
| CSS variables | Yes | Prefer :root tokens |
| display:grid / display:block / display:inline | No | Everything is flex; emulate grids with wrapping rows |
| box-shadow | No | Fake with nested background element |
| linear-gradient() / radial-gradient() | No | Use image textures |
| calc() / @media | No | Use explicit values + PanelSettings.scaleMode |
| ::before / ::after | No | Add a real child VisualElement |
| z-index | No | Later siblings render on top |
| Need | USS-safe workaround |
|------|---------------------|
| Shadow | Extra child VisualElement behind content |
| Responsive scaling | PanelSettings.scaleMode = ScaleWithScreenSize |
| Grid cards | flex-direction: row + flex-wrap: wrap + child widths |
| Circular avatar | Equal width/height + radius = half size + overflow:hidden |
| Pseudo decoration | Add an extra absolutely positioned child |
| Skill | Parameters you usually need first |
|-------|-----------------------------------|
| uitk_create_panel_settings | savePath, scaleMode, referenceResolutionX, referenceResolutionY |
| uitk_create_document | name, uxmlPath, panelSettingsPath, sortOrder? |
| uitk_add_element | filePath, elementType, parentName?, elementName?, text?, classes? |
| uitk_modify_element | filePath, elementName, changed attributes only |
| uitk_add_uss_rule | filePath, selector, properties |
PanelSettings choicesScaleWithScreenSize: default for runtime HUD/menu UIConstantPixelSize: use when strict pixel mapping mattersConstantPhysicalSize: rare; only for physically sized UI requirementsFor world-space (3D) UI on Unity 6000.2+, configure the PanelSettings first, then create the scene object with uitk_worldspace_panel_create rather than uitk_create_document.
<Style src="..."/>.uitk_inspect_uxml before complex structural edits if you did not create the file yourself.uitk_create_uxml can auto-reference a stylesheet when ussPath is provided.uitk_create_document.PanelSettings asset.<Style src="MyStyle.uss" />; use a full asset path only for cross-folder references.uitk_read_file -> edit -> uitk_write_file.uitk_create_batch.uitk_worldspace_panel_create (it sets the world-space render mode for you).uitk_create_from_template when the user needs a starter screen fast; use uitk_add_element / uitk_add_uss_rule for targeted edits on existing files.uitk_runtime_binding_add per bound property; verify with uitk_runtime_binding_list.import unity_skills
unity_skills.call_skill("uitk_create_panel_settings",
savePath="Assets/UI/GamePanel.asset",
scaleMode="ScaleWithScreenSize",
referenceResolutionX=1920,
referenceResolutionY=1080
)
unity_skills.call_skill("uitk_create_uss",
savePath="Assets/UI/HUD.uss",
content=":root { --accent: #E8632B; } .title { color: var(--accent); }"
)
unity_skills.call_skill("uitk_create_uxml",
savePath="Assets/UI/HUD.uxml",
content="<?xml version=\"1.0\" encoding=\"utf-8\"?><engine:UXML xmlns:engine=\"UnityEngine.UIElements\"><Style src=\"HUD.uss\" /><engine:Label class=\"title\" text=\"Start\" /></engine:UXML>"
)
unity_skills.call_skill("uitk_create_document",
name="HUD",
uxmlPath="Assets/UI/HUD.uxml",
panelSettingsPath="Assets/UI/GamePanel.asset"
)
Things this module deliberately does not do, so you do not waste calls looking for them:
| Not available | Why | Do this instead |
|---------------|-----|-----------------|
| Binding converters / update-trigger as first-class parameters | The UXML attribute names for type converters and update triggers are not documented in Unity's Scripting API or manual, and guessing one breaks the whole asset import | Pass confirmed attributes through extraAttributes on uitk_runtime_binding_add |
| Removing a single runtime binding | No dedicated skill | Roll back via the workflow history, or rewrite the element with uitk_write_file |
| Constructing a VisualElementReference / AuthoringIdPath on an asset | These are runtime types set through the Inspector on a MonoBehaviour field; there is no editor-side API to author one into a scene or prefab from outside | Use uitk_element_reference_get to discover the authoring-id path, then assign the reference in the Inspector or in your own C# |
| authoring-id authoring | The skill reads existing authoring-id attributes; it does not assign new ones | Author them in UI Builder (Unity 6000.5+) |
| World-space UI below Unity 6000.2 | UIDocument gained world-space properties in 6000.2 and PanelRenderer only exists in 6000.5+ | Use a UGUI world-space Canvas (ui module) or xr_setup_ui_canvas |
| Runtime data binding below Unity 6000.0 | DataBinding / BindingMode do not exist in 2022.3 | Use binding-path SerializedObject binding for editor UI |
uitk_element_reference_get resolves nested paths by following <Template src="..."> declarations
into other .uxml files (bounded by maxTemplateDepth, default 3, with cycle protection).
Templates it cannot resolve are reported in unresolvedTemplates rather than silently dropped.
Exact names, parameters, defaults, and returns are defined by GET /skills/schema or unity_skills.get_skill_schema(), not by this file.
Load USS_REFERENCE.md before generating non-trivial USS systems, layout patterns, component styles, or complete examples.
Take besty0728/unity-uitoolkit from the repository into ~/.claude/skills for personal
use, or into .claude/skills inside a project.
The agent identifies a skill by the name field in its header. Two skills with the
same name cannot sit side by side — one of them will be ignored.