godot-ui-designer_skill

Overview

This skill is a Godot UI design assistant that generates complete UI systems from natural language descriptions. It targets Godot 4.x projects and produces GDScript-based layouts, components, themes, and animations for menus, HUDs, dialogs, and responsive screens. The skill integrates with MCP-style UI node and scene tools to create, configure, and test UI assets automatically.

How this skill works

Provide a natural language request describing structure, style, and platform constraints; the skill analyzes requirements, chooses Control nodes and container layouts, and emits ready-to-use GDScript components and scenes. It sets up responsive breakpoints, anchors, theme resources, animation tweens, and data bindings, and can run scene tests or simulate input via the MCP toolset. Outputs follow Godot 4.5 best practices and include reusable components like HealthBar, Minimap, SkillBar, layout managers, and ThemeManager.

When to use it

• You need a complete HUD for a multiplayer or single-player game.
• Creating a modern main menu with animated background and audio integration.
• Designing a responsive UI that adapts to mobile, tablet, and desktop.
• Building settings, control remapping, or accessibility options quickly.
• Prototyping UI layouts and iterating visual themes and transitions.

Best practices

• Describe target platforms, resolutions, and interaction modes (touch/keyboard/gamepad).
• Specify critical UI elements and priority order so core UX is implemented first.
• Use container-based layouts and anchors for responsive behavior rather than manual positioning.
• Provide color palette and accessibility requirements (high contrast, color-blind modes).
• Test UI at multiple breakpoints and simulate input flows before finalizing assets.

Example use cases

• Generate an MOBA-style HUD with top health bars, bottom skill slots, and a minimap in the corner.
• Create a modern main menu with fade-in options, background animation, and sound effects.
• Produce a settings scene with graphics, audio, and controls tabs plus persistent save/load logic.
• Build a responsive inventory grid that reflows columns and supports drag-and-drop on touch devices.
• Implement a theme manager to switch light/dark themes and apply styles across the current scene.