Roblox UI: containers, responsive layouts, interaction is a Roblox Suite skill — GUI containers, responsive layouts, interaction, particles-in-UI techniques. It belongs to the Presentation domain. What it covers: Every GUI container (ScreenGui, SurfaceGui, BillboardGui) and building block.. Scale + offset responsive layouts that survive every screen size.. Particles-in-UI techniques — and the truth that 3D ParticleEmitters don't render in ViewportFrame.. Current-vs-deprecated guidance: Stop: Pixel-offset UI that breaks on mobile. Use: Scale + offset responsive layouts that survive every screen size.. The official sources for this skill are taken verbatim from its SKILL.md and point to the Roblox Engine API Reference and related create.roblox.com documentation. The full reference set is available in the references/ directory on GitHub (https://github.com/nonlooped/roblox-suite/tree/main/roblox-user-interfaces/references).
Roblox UI: containers, responsive layouts, interaction
An exhaustive, modern guide to every Roblox GUI container — ScreenGui, SurfaceGui, BillboardGui — and every building block from Frame and TextLabel to ScrollingFrame and ViewportFrame. Covers scale + offset responsive layouts that survive every screen size, the interaction model (Activated versus mouse events, drag detectors), and particles-in-UI techniques, including the truth that 3D ParticleEmitters do not render inside ViewportFrame.
What it covers
- Every GUI container (ScreenGui, SurfaceGui, BillboardGui) and building block.
- Scale + offset responsive layouts that survive every screen size.
- Particles-in-UI techniques — and the truth that 3D ParticleEmitters don't render in ViewportFrame.
What you stop doing
-
Pixel-offset UI that breaks on mobile
Scale + offset responsive layouts that survive every screen size
Key sources
Taken verbatim from this skill's "Official sources" block. The full reference set lives in references/ on GitHub .