skills.rest
zerox-core
zerox-coreCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

godot-ui

Implements Godot 4 user interfaces including HUDs, menus, dialogs, and screen transitions.

Updated Aug 11, 2026
Search Tags:#ui#gdscript#godot#hud#scene transition#canvaslayer#game menu
One-click install
npx skills add https://github.com/zerox-core/AI_Game --skill godot-ui-zerox-core
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: godot-ui
Source: https://github.com/zerox-core/AI_Game/tree/main/.claude/skills/godot-ui
Command: npx skills add https://github.com/zerox-core/AI_Game --skill godot-ui-zerox-core

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Building game user interfaces in Godot 4 requires repetitive boilerplate for HUDs, menus, pause screens, and transitions. This Skill provides ready-to-adapt GDScript patterns for the most common UI components so you can assemble a complete game interface quickly. ## Core Features & Use Cases - In-Game HUD: CanvasLayer-based score labels, health bars, and wave indicators with update methods. - Menu Screens: Main menu, game over screen with retry/menu buttons, and a pause menu that works while the tree is paused. - Feedback & Transitions: Floating damage numbers with tween animations and an autoload fade-to-black scene transition. - Use Case: You are prototyping a Godot 4 game and need a health bar, a main menu, and a fade transition between scenes. Apply these patterns to get a working UI layer without writing layout code from scratch. ## Quick Start Ask the AI to build a Godot 4 HUD with a health bar and score label, plus a main menu and fade transition for your game project.

Frequently Asked Questions about godot-ui

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

FAQPage Schema
How do I create a HUD in Godot 4?▼

Create a CanvasLayer node and add Label and ProgressBar children for score, health, and wave displays. Expose update methods like update_health(current, maximum) so game logic can refresh values without touching node internals.

How to make a pause menu that works while the game is paused in Godot?▼

Set the pause menu's process_mode to Node.PROCESS_MODE_ALWAYS so it keeps receiving input while get_tree().paused is true. Toggle visibility and the paused flag together from an input action handler.

How do I fade between scenes in Godot 4?▼

Use an autoloaded CanvasLayer with a full-screen ColorRect. Tween its alpha to 1, call change_scene_to_file in a tween callback, then tween alpha back to 0 for a smooth fade transition.

Does this UI approach work with Godot 3?▼

No, the code targets Godot 4 APIs such as add_theme_font_size_override, tween_callback chains, and PROCESS_MODE_ALWAYS. Godot 3 uses different theme override methods and tween node APIs, so the scripts need adaptation.

Why is my pause menu not responding to input when the game is paused?▼

Nodes default to inheriting the paused state, so they stop processing when get_tree().paused is true. Set process_mode to PROCESS_MODE_ALWAYS on the pause menu root so it continues handling input.

Related Skills

Explore More Software Engineering Skills→
LazyIsEfficientLazyIsEfficient
15

godot-engineer

Coordinate Godot 4 scene composition, signals, and autoload patterns.

Official
Advanced
Exia-thdExia-thd

godot-engineer

Build Godot games with typed GDScript/C# and signal-based scene architectures.

Community
Advanced
thedivergentaithedivergentai
488

godot-ui-theming

Create Godot Engine UI themes with Theme resources, StyleBoxes, and custom fonts.

Community
Intermediate
brand6brand6

godot-remote-executor

Execute GDScript code on a running Godot editor via HTTP API.

Community
Advanced