roblox-gui

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

Files2

View on GitHub

SKILL.md

GitHub

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

Related in other

limits-colimits

Context management for Claude Code. Hooks maintain state via ledgers and handoffs. MCP execution without context polluti...

by parcadei
3,392

ddttom-allaboutv2-claude-skills-block-collection-and-party

The Block Collection and Block Party are repositories for existing AEM blocks, build tools, code snippets, integration p...

by mattnigh
20

nodnarbnitram-claude-code-extensions-claude-skills-esphome-confi

This skill should be used when the user asks to "create an esphome config", "set up an esp32 device", "configure esphome...

by mattnigh
20