godot-modernize-ui

Automate Godot 3.x UI migration to Godot 4.x themes, anchors, scaling, and BBCode.

3|1|Updated Feb 2, 2026

Search Tags:#theming #ui #migration #godot #godot-4 #hiDPI #BBCode

Ready to run

npx skills add https://github.com/Asreonn/godot-superpowers --skill godot-modernize-ui

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: godot-modernize-ui
Source: https://github.com/Asreonn/godot-superpowers/tree/main/mini-skills/godot-modernize-ui
Command: npx skills add https://github.com/Asreonn/godot-superpowers --skill godot-modernize-ui

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill automates the modernization of Godot 3.x UI scenes and scripts to Godot 4.x best practices.

Core Features & Use Cases

Theme extraction: centralize UI styling into Theme resources to enable consistent visual updates across the project.
Anchoring standardization: convert manual positioning to anchors and layout containers for responsive UI.
hiDPI & scaling: implement hiDPI-safe scaling and responsive sizing to support multiple displays.
BBCode modernization: migrate RichTextLabel BBCode to Godot 4.x patterns and fonts usage.
Reusable controls: create and adopt custom controls with built-in theming for reuse across projects.

Quick Start

Start by auditing all UI scenes for hardcoded styles and replace with Theme resources. Create a Theme resource at res://ui/themes/main_theme.tres and assign it to the root Control. Update all Control anchors and LayoutContainer usage to ensure responsive behavior. Update RichTextLabel BBCode patterns to Godot 4.x syntax.

Frequently Asked Questions about godot-modernize-ui

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

FAQPage Schema

How do I migrate Godot 3.x UI scenes to Godot 4.x?▼

Migrating Godot 3.x UI to Godot 4.x involves centralizing hardcoded styles into Theme resources, converting manual positioning to anchors, and implementing responsive scaling. This ensures your UI scenes and scripts adopt Godot 4.x best practices.

How do I centralize UI styling using Theme resources in Godot 4.x?▼

Centralizing UI styling in Godot 4.x requires extracting hardcoded styles from individual controls into a central Theme resource. Assigning a Theme resource to the root Control enables consistent visual updates across the entire project.

What is the best way to handle hiDPI scaling and responsive anchoring in Godot 4.x?▼

Handling hiDPI scaling in Godot 4.x requires converting manual positioning to anchors and layout containers. Implementing hiDPI-safe scaling and responsive sizing ensures your interface supports multiple displays correctly.

How do I update RichTextLabel BBCode to Godot 4.x syntax?▼

Updating RichTextLabel BBCode to Godot 4.x syntax involves migrating legacy tag patterns to match the new Godot 4.x standard. This modernizes your RichTextLabel content and aligns font usage with current engine specifications.

Does this Godot 4.x UI migration approach work for custom reusable controls?▼

Yes, this modernization approach works for custom reusable controls by creating and adopting custom controls with built-in theming. This allows you to apply standardized Theme resources and reusable templates across multiple Godot projects.