ui-ugui — Unity skill for Claude Code: UI editing
This skill inspects, creates, and revises Unity uGUI interfaces. Use it for Canvas hierarchies, RectTransforms, layout groups, or prefab UI.
npx skills add Unity-Technologies/skills --skill ui-ugui -a claude-codeWhat ui-ugui does
The skill checks the existing scene and project files before changing anything. It can explain a UI hierarchy, make a focused edit, or build a new Canvas-based layout. Scripts are added when the request asks for logic; a request for a functional menu alone means a valid visual hierarchy, not extra code.
For Canvas setup, the skill uses CanvasScaler and GraphicRaycaster. It also accounts for layout ownership: a parent Layout Group can override child dimensions, while ContentSizeFitter can conflict with layout settings. That means editing a child size manually may have no effect when the parent controls it.
Project conventions come first, and each change should be checked before proceeding. The skill favors fixing the specific broken property over rebuilding a hierarchy, since destroyed objects can trigger null-reference cascades. For ScrollRect or ScrollView work, consult references/scrollview-setup.md. UI component types should be fully qualified, such as UnityEngine.UI.Button.
What it helps with
- Inspect a Canvas hierarchy and explain how it is organized
- Change one UI element without rebuilding its surrounding hierarchy
- Create a new Canvas-based interface
- Diagnose a Layout Group and ContentSizeFitter conflict
- Check whether a new element has visible dimensions
Example prompts for the agent
- Explain how the Canvas hierarchy in this scene is organized.
- Adjust this button's size without changing nearby UI elements.
- Create a Canvas-based inventory screen with a grid of cards.
How to install ui-ugui
1Skills CLI (Vercel)
npx skills add Unity-Technologies/skills --skill ui-ugui -a claude-code2Manually: put the files in place
~/.claude/skills/ui-ugui/SKILL.mdCopy the whole skill folder; for one project use .claude/skills/ui-ugui/
1Skills CLI (Vercel)
npx skills add Unity-Technologies/skills --skill ui-ugui -a codex2Manually: put the files in place
.agents/skills/ui-ugui/SKILL.mdFor all projects use ~/.agents/skills/
1Skills CLI (Vercel)
npx skills add Unity-Technologies/skills --skill ui-ugui -a cursor2Manually: put the files in place
.cursor/skills/ui-ugui/SKILL.mdCursor also reads .agents/skills/ and .claude/skills/
1GitHub CLI
gh skill install Unity-Technologies/skills ui-ugui2Manually: put the files in place
.github/skills/ui-ugui/SKILL.md1Skills CLI (Vercel)
npx skills add Unity-Technologies/skills --skill ui-ugui -a gemini-cli2Platform CLI
gemini skills install https://github.com/Unity-Technologies/skills --path skills/ui-uguiManually: put the files in place
.devin/skills/ui-ugui/SKILL.mdThe legacy .windsurf/skills/ path still works
Skills CLI (Vercel)
npx skills add Unity-Technologies/skills --skill ui-ugui -a opencodeClaude.ai
Zip the folder and upload it in Settings → Capabilities → Skills
Step by step, with commands for each platform: How to install skills in Claude Code: five ways
Questions about ui-ugui
How do I install ui-ugui in Claude Code?
Run npx skills add Unity-Technologies/skills --skill ui-ugui -a claude-code. The skill file is at ~/.claude/skills/ui-ugui/SKILL.md.
What does ui-ugui do?
It reads Unity uGUI hierarchies, builds Canvas-based UI, and applies focused changes to existing interfaces. It also considers RectTransform and layout component behavior.
What should I read before editing a ScrollView?
The skill directs you to references/scrollview-setup.md for ScrollRect and ScrollView work. That reference covers hierarchy setup, configuration rules, and common failures.
