Roblox UI Developer

Author and review on-screen Roblox interfaces: authored Instance hierarchies, responsive layout, input and focus, motion, and cross-device verification. This skill owns Roblox's UI Instances and APIs; gameplay scripting and the server/client boundary belong to the sibling skills under Related.

Read the visual language before designing

• Inventory the existing interfaces: the ScreenGuis under StarterGui, their naming, fonts, palette, icon family, spacing, corners, strokes, and tween timing.
• Extend that language. Where none exists, define one small token ModuleScript and read from it.
• Capture the current screens before changing them, and take control, screen, and theme names from the project.

Keep the hierarchy authored

• StarterGui holds the authored template; Roblox clones it into each player's PlayerGui.
• Author the shell as named, editable Instances that read clearly in Explorer. Procedural creation carries the genuinely data-driven repetition — grid cells, list rows — and one small controller carries the behaviour.
• In a react-lua, Fusion, or roblox-ts project the whole screen is components, and that generated tree is the authored form there: keep the component boundaries and the state small, and take the build path from roblox-typescript-developer.
• Decide ResetOnSpawn per screen, and reacquire the clone from PlayerGui after a respawn.

Lay out for the smallest and the largest screen