skills.rest
quodsoler
quodsolerCOMMUNITY
Explore all skills by this author →
Website𝕏@quodsolerGitHub

ue-ui-umg-slate

Guide Unreal Engine UI development with UMG, Slate, and Common UI.

304|46|Updated Mar 1, 2026
Search Tags:#game development#ui development#cpp#umg#slate#unreal engine#common ui
One-click install
npx skills add https://github.com/quodsoler/unreal-engine-skills --skill ue-ui-umg-slate
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ue-ui-umg-slate
Source: https://github.com/quodsoler/unreal-engine-skills/tree/main/skills/ue-ui-umg-slate
Command: npx skills add https://github.com/quodsoler/unreal-engine-skills --skill ue-ui-umg-slate

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides comprehensive guidance and code examples for building user interfaces in Unreal Engine using UMG, Slate, and the Common UI framework, enabling developers to create polished and interactive game interfaces.

Core Features & Use Cases

  • UMG Widget Development: Create and manage UUserWidgets, utilize the BindWidget pattern, and handle widget lifecycles.
  • Slate Fundamentals: Understand Slate for editor tools and custom UI elements.
  • Common UI Integration: Implement platform-agnostic UI with UCommonActivatableWidget, stacks, and input handling.
  • MVVM Pattern: Utilize the Model-View-ViewModel pattern for cleaner UI logic (UE 5.1+).
  • Use Case: Develop a complex in-game menu system with multiple screens, interactive buttons, lists, and dynamic content, ensuring consistent input handling across gamepad and mouse.

Quick Start

Use the ue-ui-umg-slate skill to create a basic UMG widget in C++ that displays text and has a clickable button.

Frequently Asked Questions about ue-ui-umg-slate

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

FAQPage Schema
How do I create a UMG widget in C++ with clickable buttons and text?▼

You create a UMG widget in C++ by subclassing UUserWidget, utilizing the BindWidget pattern to link Blueprint components, and managing the widget lifecycle to handle interactive elements like buttons and text.

What is the difference between Slate and UMG for Unreal Engine UI development?▼

Slate is the low-level C++ framework for building editor tools and custom UI elements, while UMG provides a higher-level designer-friendly wrapper for creating in-game UUserWidget interfaces.

How do I manage multiple screens and input modes with Common UI in Unreal Engine?▼

You manage multiple screens using Common UI by utilizing UCommonActivatableWidget and widget stacks for layering, ensuring consistent input handling across gamepad and mouse through CommonInput configurations.

Does Unreal Engine 5.1 support the MVVM pattern for UI logic?▼

Unreal Engine 5.1+ supports the Model-View-ViewModel (MVVM) pattern, allowing developers to utilize ViewModels for cleaner UI logic separation and dynamic data binding within the UMG framework.

Why is my Unreal Engine Common UI module failing to build correctly?▼

Your Common UI build fails if you miss necessary build configurations, specifically failing to include the CommonUI, CommonInput, and ModelViewViewModel modules in your project's Build.cs file dependencies.

Related Skills

Explore More Software Engineering Skills→
OrionUEOrionUE
16

unreal-commoninput

Diagnose Unreal Engine CommonInput and CommonUI input routing and configuration issues.

Official
Advanced
definitelygamesdefinitelygames
1

Quick Tweaks

Modify game object properties like speed, scale, and color via script variables.

Official
Intermediate
buihuulocbuihuuloc

ue-anim-notify-wizard

Generate C++ Animation Notify State classes for Unreal Engine with GAS integration.

Community
Intermediate
UnrealXuUnrealXu
491

ue5-ui-umg-slate

Develop Unreal Engine 5 UI features using UMG and Slate widgets.

Community
Intermediate