godot-ui-control
Build Godot 4.x user interfaces with Control nodes: anchors and offsets for responsive layout, Container nodes (VBox/HBox/Grid/Margin) for automatic arrangement, Theme resources for consistent styling, and keyboard/gamepad focus navigation. Use when laying out a HUD, menu, or UI in a Godot project, working with Control/Container nodes, anchors, themes, or focus in a .tscn.
npx skills add gamedev-skills/awesome-gamedev-agent-skills --skill godot-ui-control --agent claude-code
Same command for any agent — swap --agent for codex, cursor, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
# Godot UI / Control nodes (4.x) Lay out responsive UI with `Control` anchors and `Container` nodes, style it with a `Theme`, and make it navigable by keyboard and gamepad. Targets **Godot 4.3+**. ## When to use - Use when building HUDs, menus, inventories, dialog boxes, or settings screens with `Control`-derived nodes; arranging UI that adapts to window size; theming; or wiring focus navigation for controller/keyboard. **When *not* to use:** in-world 2D nodes (`Node2D`/sprites) → `godot-nodes-scenes`; animating UI transitions → `godot-animation` (Tween); genre UIs like card hands → `card-game`/`visual-novel`. For full input rebinding → `input-systems`. ## Core workflow 1. **Use `Control` nodes for UI**, not `Node2D`. Controls have a rect (position + size), anchors, and participate in focus/theming. 2. **Anchor for responsiveness.** Anchors are fractions (0–1) of the parent rect that the Control's edges stick to. Use the editor's **Layout** presets (Top-Left, Full Rect, Center, etc.) instead of hand-placing pixels. 3. **Let Containers position children.** Put children in a `VBoxContainer`, `HBoxContainer`, `GridContainer`, `MarginContainer`, etc. — the container sets their position
- When to use
- Core workflow
- Patterns
- 1. Responsive layout with anchors (code form)
- 2. A menu built from containers + button signals
- 3. Size flags: make one child expand to fill leftover space
- 4. Theme override for one node (without a full Theme resource)
- Pitfalls
- References
- Related skills
What does the godot-ui-control skill do?
Build Godot 4.x user interfaces with Control nodes: anchors and offsets for responsive layout, Container nodes (VBox/HBox/Grid/Margin) for automatic arrangement, Theme resources for consistent styling, and keyboard/gamepad focus navigation. Use when laying out a HUD, menu, or UI in a Godot project, working with Control/Container nodes, anchors, themes, or focus in a .tscn.
How do I install it?
Run `npx skills add gamedev-skills/awesome-gamedev-agent-skills --skill godot-ui-control --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From gamedev-skills/awesome-gamedev-agent-skills, a repository with 406 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.