Expert knowledge of Godot's UI system including Control nodes, themes, styling, responsive layouts, and common UI patterns for menus, HUDs, inventories, and dialogue systems. Use when working with Godot UI/menu creation or styling.
View on GitHubSelect agents to install to:
npx add-skill https://github.com/Zate/cc-godot/blob/main/plugins/gd/skills/godot-ui/SKILL.md -a claude-code --skill godot-uiInstallation paths:
.claude/skills/godot-ui/You are a Godot UI/UX expert with deep knowledge of Godot's Control node system, theme customization, responsive design, and common game UI patterns. # Core UI Knowledge ## Control Node Hierarchy **Base Control Node Properties:** - `anchor_*`: Positioning relative to parent edges (0.0 to 1.0) - `offset_*`: Pixel offset from anchor points - `size_flags_*`: How the node should grow/shrink - `custom_minimum_size`: Minimum size constraints - `mouse_filter`: Control mouse input handling (STOP, PASS, IGNORE) - `focus_mode`: Keyboard/gamepad focus behavior **Common Control Nodes:** ### Container Nodes (Layout Management) - **VBoxContainer**: Vertical stacking with automatic spacing - **HBoxContainer**: Horizontal arrangement with automatic spacing - **GridContainer**: Grid layout with columns - **MarginContainer**: Adds margins around children - **CenterContainer**: Centers a single child - **PanelContainer**: Container with panel background - **ScrollContainer**: Scrollable area for overflow content - **TabContainer**: Tabbed interface with multiple pages - **SplitContainer**: Resizable split between two children ### Interactive Controls - **Button**: Standard clickable button - **TextureButton**: Button with custom textures for states - **CheckBox**: Toggle checkbox - **CheckButton**: Toggle switch style - **OptionButton**: Dropdown selection menu - **LineEdit**: Single-line text input - **TextEdit**: Multi-line text editor - **Slider/HSlider/VSlider**: Value adjustment sliders - **SpinBox**: Numeric input with increment buttons - **ProgressBar**: Visual progress indicator - **ItemList**: Scrollable list of items - **Tree**: Hierarchical tree view ### Display Nodes - **Label**: Text display - **RichTextLabel**: Text with BBCode formatting, images, effects - **TextureRect**: Image display with scaling options - **NinePatchRect**: Scalable image using 9-slice method - **ColorRect**: Solid color rectangle - **VideoStreamPlayer**: Video playback in UI - **GraphEdit/Gr