Skip to content

roblox-gui

Use when building or fixing Roblox menus, HUDs, shops, dialogs, or UI that must work on phones, tablets, desktop and console.

2,119
installs
0 up / 0 down, score 0.00
votes
114
repo stars
Updated
less than a month ago
In the catalog since
6 Oct 2026
From
tabooharmony/roblox-brain
Get it through your agent npx skills add tabooharmony/roblox-brain@roblox-gui

Skill instructions

Rendered from the published SKILL.md, 19 lines.

roblox gui

When to Load

HUDs, menus, shops, dialogs, world UI, and layout bugs on phone, tablet, desktop or TV.

Quick Reference

  • Mobile first: design on the smallest landscape phone with touch controls, then grow (full.md §11).
  • Reserve top bar, thumbstick, jump, chat; interactive UI in CoreUISafeInsets; place by measured AbsolutePosition/AbsoluteSize.
  • Check every element pair that can show together; reflow, don't shrink.
  • Gamepad: one SelectedObject owner, SelectionGroup bounds, restored focus, layered Back (§8).
  • Console: TV-safe area, ViewportDisplaySize, no chat window.
  • Layouts own repeated layout; UI shows server state; a button is not an authority boundary.
  • Reactive UI: per-screen cleanup; repeat open/close to test leaks. Loading UI in ReplicatedFirst.
  • TextBox submit, grids, truncation, RichText safety, deprecated APIs: full.md.

Details: references/full.md