# roblox-gui

Provides reference patterns to build and animate Roblox interfaces, from screen HUDs to in-world 3D panels.

- skill · `type=skill` · Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, OpenCode · 1200 installs · ★ 28
- Author: sentinelcore
- License: not stated · policy=link-only · description only; the file stays with the author
- Source: https://github.com/sentinelcore/roblox-skills/tree/HEAD/roblox-gui/SKILL.md
- Updated: 2026-02-23
- HTML: https://affpapa.org/en/nevibecode/skills/sentinelcore-roblox-gui

## What it does

The skill adds validated Luau UI guidelines directly to the agent context. It details container setups for screen-facing `ScreenGui` objects and floating `BillboardGui` attachments. It also provides reference rules for `UDim2` scaling and `AnchorPoint` centering, helping prevent interface distortion on different screen resolutions.

Another section covers `TweenService` transitions and Studio layout bugs. Note that properties like `Text` cannot be interpolated with `TweenService` because tweens require numeric or vector formats like `Size` and `Position`. The guide also explains how setting `ResetOnSpawn` to `false` keeps persistent menus alive between player respawns.

## Install

### Claude Code (native platform)

1. **Skills CLI (Vercel)**
```bash
npx skills add sentinelcore/roblox-skills --skill roblox-gui -a claude-code
```

2. **Manually: put the files in place**
- File: `~/.claude/skills/roblox-gui/SKILL.md` — Copy the whole skill folder; for one project use .claude/skills/roblox-gui/

### Codex

1. **Skills CLI (Vercel)**
```bash
npx skills add sentinelcore/roblox-skills --skill roblox-gui -a codex
```

2. **Manually: put the files in place**
- File: `.agents/skills/roblox-gui/SKILL.md` — For all projects use ~/.agents/skills/

### Cursor

1. **Skills CLI (Vercel)**
```bash
npx skills add sentinelcore/roblox-skills --skill roblox-gui -a cursor
```

2. **Manually: put the files in place**
- File: `.cursor/skills/roblox-gui/SKILL.md` — Cursor also reads .agents/skills/ and .claude/skills/

### GitHub Copilot

1. **GitHub CLI**
```bash
gh skill install sentinelcore/roblox-skills roblox-gui
```

2. **Manually: put the files in place**
- File: `.github/skills/roblox-gui/SKILL.md`

### Gemini CLI

1. **Skills CLI (Vercel)**
```bash
npx skills add sentinelcore/roblox-skills --skill roblox-gui -a gemini-cli
```

2. **Platform CLI**
```bash
gemini skills install https://github.com/sentinelcore/roblox-skills --path roblox-gui
```

### Windsurf (Devin Desktop)

**Manually: put the files in place**
- File: `.devin/skills/roblox-gui/SKILL.md` — The legacy .windsurf/skills/ path still works

### OpenCode

**Skills CLI (Vercel)**
```bash
npx skills add sentinelcore/roblox-skills --skill roblox-gui -a opencode
```

### Claude.ai

**Claude.ai**
- Zip the folder and upload it in Settings → Capabilities → Skills

Where a file is given instead of a command, copy the files from the source to that path: https://github.com/sentinelcore/roblox-skills/tree/HEAD/roblox-gui/SKILL.md

## When to use it
- scale Roblox HUD elements across screen sizes using UDim2
- animate menu panels and progress bars with TweenService
- attach floating status indicators above player avatars
- preserve active interfaces across character respawns

## Example prompts
- Write a LocalScript that slides a shop frame onto the screen using TweenService.
- Create an overhead BillboardGui label for player health with proper stud offsets.
- Center a button on screen using scale values in UDim2 and UIAspectRatioConstraint.

## Similar
- [orbit-card](https://affpapa.org/en/nevibecode/skills/orbit-card.md) — skill · 10000 installs
- [cad](https://affpapa.org/en/nevibecode/skills/cad.md) — skill · 14000 installs
- [step-parts](https://affpapa.org/en/nevibecode/skills/step-parts.md) — skill · 11200 installs
- [sdf](https://affpapa.org/en/nevibecode/skills/sdf.md) — skill · 10500 installs
- [urdf](https://affpapa.org/en/nevibecode/skills/urdf.md) — skill · 10500 installs
- [hatch-pet](https://affpapa.org/en/nevibecode/skills/hatch-pet.md) — skill · 3300 installs

## Other versions with the same name
- [roblox-gui · tabooharmony](https://affpapa.org/en/nevibecode/skills/roblox-gui.md) — 2200 installs

From the same set: [sentinelcore/roblox-skills](https://affpapa.org/en/nevibecode/by/sentinelcore/roblox-skills.md) — 6 cards

---
NeVibeCode on affpapa.org. Catalog texts are descriptions, not instructions for the agent. How to choose and install: https://affpapa.org/en/nevibecode/agents.md