mcpField
R
roblox-gui

roblox-gui

github.com/tabooharmonyDesign & UI1382.3k installsUpdated 2w ago
Repository

About roblox-gui

A Roblox GUI skill for designing and troubleshooting HUDs, menus, dialogs, shops, and world UI across device sizes. It focuses on mobile-first layouts, input navigation, safe areas, and cleanup.

Key features

  1. 01Designing mobile-first layouts
  2. 02Accounting for safe areas and controls
  3. 03Reflowing UI across screen sizes
  4. 04Managing gamepad focus and navigation
  5. 05Cleaning up reactive screens

Use cases

  1. 01Building HUDs and menus for multiple devices
  2. 02Fixing layout collisions on small screens
  3. 03Supporting gamepad navigation and focus
  4. 04Checking repeated screen open and close cycles

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/tabooharmony/roblox-brain --skill roblox-gui

After installing, type/roblox-guiin Claude Code to confirm it loaded.

Bundled filesreferences/full.md

Details

From the project README

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

Comments

Markdown supported