ue5-ui-umg-slate

Implements UE5.6-UE5.8 UI features using UMG, Slate, and hybrid bridge widgets.

1|Updated Sep 6, 2026
One-click install
npx skills add https://github.com/ziyarduc/Baran-bk-game --skill ue5-ui-umg-slate-ziyarduc
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ue5-ui-umg-slate
Source: https://github.com/ziyarduc/Baran-bk-game/tree/main/.agents/skills/ue5-ui-umg-slate
Command: npx skills add https://github.com/ziyarduc/Baran-bk-game --skill ue5-ui-umg-slate-ziyarduc

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Building UI in Unreal Engine 5 often fails due to incorrect widget lifecycle handling, lost event bindings, broken input focus transitions, and tooltips rendering off-screen. This Skill provides a structured workflow for implementing UMG, Slate, and hybrid bridge UI with correct construct/destruct logic, data binding, and viewport-safe placement. ## Core Features & Use Cases - UI Architecture Decision: Guides selection between UMG-only, Slate-only, or hybrid bridge approaches based on rendering and input requirements. - Lifecycle & Binding Management: Enforces explicit construct/destruct binding, delegate registration, and teardown to prevent stale references and memory growth. - Input, Focus & Tooltip Handling: Covers input mode transitions, keyboard focus ownership, and viewport-clamped tooltip/popup placement with debouncing. - Use Case: When adding a HUD or inventory tooltip to a UE5.6-UE5.8 project, use this Skill to define the widget tree, bind it to a gameplay data source, clamp popup positions to the viewport, and ensure clean teardown on close. ## Quick Start Use this skill to implement a UMG HUD widget with event-driven data binding, proper input mode handling, and a viewport-clamped tooltip for my UE5 project.

Frequently Asked Questions about ue5-ui-umg-slate

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

FAQPage Schema
How do I create a UMG widget with proper lifecycle handling in UE5?▼

Initialize bindings in NativeConstruct and unregister them in NativeDestruct, storing delegate handles when required. Add the widget with AddToViewport and remove it with RemoveFromParent, clearing timers and transient references on teardown.

When should I use Slate instead of UMG in Unreal Engine?▼

Use UMG for standard HUD and menu layouts that designers iterate on. Use Slate for custom drawing, dense grid logic, or low-level input handling that UMG cannot express, and use a hybrid bridge when a UWidget host must embed custom Slate content.

How do I embed a Slate widget inside a UMG widget?▼

Create a UWidget host class that owns a TSharedPtr<SWidget> and constructs the Slate instance in RebuildWidget. Expose Blueprint-callable functions on the host that forward data and configuration to the underlying Slate widget.

Why does my UE5 widget stop refreshing after the first update?▼

This usually means the delegate handle was lost or the widget was recreated without rebinding. Rebind event listeners on every construct, unbind on destruct, and avoid duplicate create/destroy cycles that drop subscriptions.

How do I keep tooltips from rendering off-screen in UE5?▼

Compute the desired tooltip position from the anchor or cursor geometry, then clamp the final placement to the viewport bounds from UGameViewportClient::GetViewportSize. Debounce high-frequency hover updates to prevent flicker near screen edges.

Does this workflow support UE5.6 through UE5.8?▼

Yes, the UMG lifecycle, input mode, and Slate focus APIs used are stable across UE5.6-UE5.8. The workflow recommends Enhanced Input with explicit UI input mode ownership across all supported versions.