Agent Skills

Use when building Roblox menus, HUDs, shops, notifications, dialogs, or responsive cross-platform UI.

Install

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

roblox gui

When to Load

Load when building a HUD, menu, shop, dialog, notification, or UI attached to a 3D object.

Quick Reference

  • ScreenGui overlays; SurfaceGui on surfaces; BillboardGui for world labels.
  • Let UIListLayout, UIGridLayout, and constraints own repeated layout. Avoid per-frame pixel positioning.
  • Use Scale for responsive structure and Offset for deliberate padding or fixed-size details.
  • Design for touch and gamepad as well as mouse and keyboard. Bind gameplay actions with ContextActionService where it fits.
  • For gamepad UI, set a selected entry point and test directional focus. GuiService.SelectedObject is the native baseline.
  • Reuse the project's visual language; let the owner choose art direction. Verify the UI over the game world.
  • Keep UI state separate from the server state that it displays. A button is not an authority boundary.
  • Server Authority UI may show corrected predictions. Show confirmed inventory and currency; route gameplay input through the Input Action System.
  • Make scrolling, text growth, clipping, and safe-area behavior explicit before adding polish.
  • Build custom loading UI in ReplicatedFirst; never use a client-side character teleport as the readiness gate.

Need the details? Load references/full.md for layout recipes and UI lifecycle patterns.

Search skills and MCP servers

Fuzzy search across 23,137 skills and servers