GS UI Developer: Approved Sketches Turned Into Working Screens

Approved sketches turned into Roblox screens that fit different screen sizes.

The GS UI Developer is the screen builder in your Roblox game studio on the Ai1 platform by MyZone AI: it turns approved Roblox UI design sketches into working menus, buttons and on screen displays that fit different screen sizes, with player side code only and proof at two sizes.

We'll show you the GS UI Developer on your own Roblox game. Every screen is checked at two sizes before it counts.

Plans & pricing

  • Looks right for every player

    Each screen is checked at two sizes before it counts, so nothing is hidden or overlapping.

  • Game rules stay safe

    Nothing on screen can award coins or change saved data.

  • Checked like every other change

    Every screen goes through independent code review before it is accepted.

Get to know Luca

Luca is the studio's screen builder: he turns approved sketches into Roblox screens and menus that fit different screen sizes. He cares about every button and every margin.

AI agent. Fictional persona; not a real person.

Luca, the persona of the GS UI Developer
NameLuca B.
RoleGame UI Developer
Experience4 years
Work historyJunior UI developer at a games studio
Front-end developer at a design agency
PersonalityDetail-minded, tidy
Based inTurin, Italy

Why Luca has a personality

AI does better work as a specific expert, so the GS UI Developer works as Luca (Game UI Developer, Turin, Italy). You can rename Luca or change the personality, experience and profile settings at any time.

Why our agents have personalities

The GS UI Developer in short

Last updated · Reviewed by the MyZone AI team

The GS UI Developer at a glance
How you use itThe learner asks GS Producer, which sends an approved sketch and screen spec here
What it buildsMenus, buttons and the display players see during play
Screen sizesLayouts that scale, with no hidden or overlapping parts
Game dataRead through documented shared contracts, never by adding server logic
ProofSteps for the learner to capture each screen at two sizes in Roblox Studio
What it never doesAward coins, change saved data or review, merge or publish its own work

What the GS UI Developer does for you

  • Builds screens and menus

    Roblox menus and buttons, plus the display players see during play, built from the approved sketches.

  • Fits different screen sizes

    Layouts scale to the screen, with no hidden or overlapping parts.

  • Stays on the player's side

    It writes device side code only. Coins, saving and game rules stay on the server.

  • Uses shared contracts for game data

    When a screen needs game data, it uses the documented shared contracts instead of adding server logic.

  • Proof at two sizes

    Exact steps for the learner to play, take screenshots at two sizes and stop in Roblox Studio.

How the GS UI Developer differs from a one-off screen script

A one-off screen script can end up holding game rules, and look fine on one screen but broken on another. The GS UI Developer builds from approved sketches with player side code only, reads game data through documented shared contracts and gives proof at two screen sizes. Coins and saving stay on the server, and every screen goes through independent code review before it is accepted.

How this differs from the GS Luau Developer: GS Luau Developer owns the server logic, coins and saving, while GS UI Developer builds the screens that read them through shared contracts.

From your request to a finished result

It runs inside your Ai1 system and works in the tools you already use. You ask, it works, it reports, and it stops for your OK where it matters.

How the GS UI Developer works: you ask through the Comms Hub and Ai1 runs the steps: ticket, build, screenshots and hand back. It returns a screen code.
Tap the diagram to enlarge it

Step 1: Ticket

An approved sketch, a screen spec and the allowed files arrive from GS Producer.

Step 2: Build

It builds the screen on the player's side only.

Step 3: Screenshots

It writes steps for the learner to capture the screen at two sizes.

Step 4: Hand back

The change and its proof go to review through GS Producer.

Hand these situations to the GS UI Developer

Illustrative photo: the interface builder of a small game studio asks her studio for a score screen from her phone.
Illustrative photo. Ask your studio to build a score screen from an approved sketch.
  • A screen or menu sketch has been approved
    It builds the screen, such as a coin counter in a corner, plus the steps to capture it at two screen sizes.
  • A menu overlaps on small screens
    It makes one repair round and writes fresh screenshot steps.
  • A screen needs to show game data
    It reads the data through a documented shared contract instead of adding game logic.

What you get

  • Device side screen code for menus, buttons and displays
  • Layouts that scale across screen sizes
  • Screenshot steps for the learner at two screen sizes
  • A single repair round if review asks for changes

What it won't do

  • Server logic, coins and savingHandled by: GS Luau Developer
  • Choose how screens lookHandled by: GS Artist
  • Review the screen code it wroteHandled by: GS Code Reviewer
  • Merge or publish a finished screenHandled by: GS Release Engineer
  • Run Roblox Studio to try the screensHandled by: The learner, on their own computer

Example: UI ticket hand-back

Example with a fictional company. Names, people and figures are invented to show the agent's output. Any resemblance to a real company or person is unintended. Industry facts are real and cited with their sources.

What it was asked: UI ticket 9 from GS Producer: build the shell counter and shop button from GS Artist's approved sketch, player side only, inside the two allowed files, with proof at two screen sizes.

Example report
Five headline numbers, a check that the UI ticket has an approved sketch, a screen spec, allowed files, shared contracts and a stopping point, and a plain-English summary of what was built.
Ticket check and summary
Scale drawings of a desktop screen and a phone screen with a shell counter top right and a round shop button, the layout rules, and a table of worked sizes and gaps showing no overlaps.
Layout at two screen sizes
Two code panels for the player-side layout module and screen script, with the counter reading a value the server sets, and a table showing both new files on the allowed list.
The change
Eight steps for the learner to play, take four screenshots at two sizes and stop in the game editor, a proof checklist with screenshots still waiting, and a five-step path through review and a release that needs people's go.
Screenshot steps and what happens next

What it found: 3 findings, with the numbers

  • Both screen parts run only on the player's device: the counter reads the shell count the server keeps and the shop button only opens the existing shop window, so no server file changed.
  • Checked at 1920 x 1080 and 1334 x 750, the layout has no hidden or overlapping parts; text never drops below 14 px and the phone shop button sits 49 px clear of touch controls.
  • Proof needs Roblox Studio on the learner's computer, so the hand-back gives 8 exact play, screenshot and stop steps for 4 screenshots; review, merge and release stay with other seats and people.

An invented UI ticket was checked for an approved sketch, a screen spec, allowed files, documented shared contracts and a stopping point, then built as two player-side Luau files sized as a share of the screen, with the layout worked out by hand at two screen sizes. Sizes, file contents and line counts are made up for this fictional studio. It used no real repository, live game, player data or Roblox Studio session; the learner still owes the screenshots; no step was reviewed, merged or published. Run date: .

Sources

  1. Size modifiers and constraints, Roblox Creator Hub (accessed )
  2. Understanding Target Size (Minimum), W3C (accessed )

Want a screen hand-back like this for your own Roblox game? Book a GS UI Developer walkthrough.

Book a GS UI Developer walkthrough

It asks before it acts

Every Ai1 agent works under human approval. Here is how the GS UI Developer keeps you in control.

  • Screen code runs only on the player's device and can never award coins or change saved data.
  • One ticket at a time and one repair round. It never reviews, merges or publishes its own work.
  • It never runs Roblox Studio. The learner runs the screenshot steps on their own computer.
  • For a learner who is a minor, every public release needs the learner's go and the guardian's go for that exact release. An Ai1 admin login never counts as the guardian's approval.
  • Coaching notes and reports are kept private, shown only to the people the studio profile allows, and can be deleted on a verified request.

Part of Ai1, by MyZone AI

Trusted by leaders at Plastic Bank, Outback Team Building, RMG Advertising, Keeran Networks, and Titan Training Centre.

Key-only SSH. Passwords are disabled, and repeated failed logins trigger automatic IP banning.

How we keep your data safe

Your data, your server

Your data belongs to you, and it is stored on your own server.

How we keep your data safe

Works well with

The agents that turn the GS UI Developer's output into results: your whole team, working from the same place.

  • GS Producer

    Hands this seat each screen ticket, then passes the finished screen to review.

  • GS Artist

    Makes the approved screen sketches this seat builds from.

  • GS Luau Developer

    Owns the server logic, coins and saving that screens read through shared contracts.

  • GS Code Reviewer

    Independently reviews every screen change, with a file and line for each finding.

Frequently asked questions about the GS UI Developer

How are Roblox menus and buttons built from a sketch?

Start from an approved sketch and a screen spec, then build the screen on the player's side only. In Ai1 by MyZone AI, the GS UI Developer does this one ticket at a time, and every screen change goes through independent code review before it is accepted.

It never puts game logic in a menu. It asks for a documented shared contract instead, because game rules and saving belong to the gameplay code.

How do you make game screens work on every device?

Size each part as a share of the screen so the layout scales, then check it at more than one size. The GS UI Developer checks every screen at two sizes, such as a desktop screen and a phone screen.

Players use very different screens, so checking at two sizes catches hidden or overlapping parts early.

What is an on screen display in a game?

The information players see during play, such as a coin counter in a corner. The GS UI Developer builds it from the approved sketch with player side code that only shows what the server keeps, so nothing on screen can award coins or change saved data.

It does not run Roblox Studio itself. It writes exact play, screenshot and stop steps for the learner to run on their own computer.

Can the learner talk to GS UI Developer directly?

No. GS Producer is the learner's one point of contact: it hands this seat each screen ticket and takes the finished screen back, so every screen goes through the same checks as the rest of the game.

Until your Ai1 team sets up the studio profile, the studio offers general Roblox help only. It keeps no notes about the learner and does no work that needs an approval.

About Ai1

Do I get just the GS UI Developer, or the whole platform?

The whole platform. The GS UI Developer is not sold on its own: every Ai1 agent, including this one, is included on Developer Pro and every Fully Managed option, with no per-agent charge. Developer Core includes the development agents. Compare plans

Two paths, one platform. Build it yourself on a developer plan, or let our team run your AI operations for you. Every plan runs on its own private server, and every price is shown in full. See Ai1 pricing

More about Ai1: security, setup time

Put the GS UI Developer to work

See the GS UI Developer turn an approved sketch into a screen that fits every player.

We'll show you the GS UI Developer on your own Roblox game. Every screen is checked at two sizes before it counts.

Plans & pricing

  • Product & Engineering

    GS Game Designer

    Writes the game design your Roblox studio builds from, and hands every matter of taste back to the learner as clear options.

    • Plans strategy
    • Writes content
    • Communicates
  • Product & Engineering

    GS Playtester

    Proves each build of your Roblox game works, requirement by requirement, with evidence and clear bug tickets before anything ships.

    • Audits
    • Reports
  • Product & Engineering

    GS Release Engineer

    Merges only checked work, tests it on a private copy of your Roblox game and publishes only once the recorded approvals are checked.

    • Automates workflows
    • Audits
    • Reports
  • Product & Engineering

    New-Project Intake

    The front door for brand-new software projects: an interview, a plan you check, and a clean handover once you say start.

    • Plans strategy
    • Manages projects
    • Communicates
  • Product & Engineering

    Platform Architect

    Sets the standards for your Ai1 portal and gives every technical scope a binding verdict before anyone starts building.

    • Plans strategy
    • Audits
    • Monitors