# roblox-ui

Скилл для сборки интерфейсов Roblox: жизненный цикл ScreenGui, адаптивные UDim2-раскладки, ввод с геймпада и тача. Пригодится, когда UI обрезается или сбрасывается после респавна.

- скилл · `type=skill` · Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, OpenCode · 3800 установок · ★ 4506
- Автор: gamedev-skills
- Лицензия: Apache-2.0 · policy=mirror · лицензия открытая, файл — в исходнике
- Исходник: https://github.com/gamedev-skills/awesome-gamedev-agent-skills/tree/HEAD/skills/other-engines/roblox-ui/SKILL.md
- Обновлён: 2026-10-24
- HTML: https://affpapa.org/nevibecode/skills/roblox-ui

## Что делает

Скилл ведёт агента по шагам: сначала осмотреть существующие `ScreenGui`, шрифты, цвета и компоненты в Explorer, затем задать владение и жизненный цикл. `StarterGui` — это шаблон, Roblox клонирует его в `PlayerGui` каждому игроку, поэтому `ResetOnSpawn = false` решает, переживёт ли экран респавн. Ссылки на уничтоженный клон держать нельзя.

Дальше — читаемая иерархия из редактируемых Instances и небольших модулей поведения, адаптивная раскладка на `UDim2` с ограничениями, `UIPadding`, `UIGridLayout` и `AutomaticCanvasSize`. Интерактив остаётся в `CoreUISafeInsets`, чтобы его не перекрыли тач-контролы. Состояние рендерится из небольшого view state, кнопки используют `Activated`, а навигация геймпада получает явную точку входа через `GuiService.SelectedObject`.

Проверка идёт в Device Simulator и Controller Emulator: десктоп, узкий портрет, мобильный ландшафт, планшет, консоль, потом респавн. Скилл рассчитан на движковые API Roblox и парный `game-ui-ux` для UX-принципов; сопоставление игровых действий — это `input-systems`, серверное доверие — `roblox-networking`. Ставить стоит, если интерфейс уже собран одним огромным `LocalScript` и его больно править.

## Установка

### Claude Code (родная платформа)

1. **Через Skills CLI (Vercel)**
```bash
npx skills add gamedev-skills/awesome-gamedev-agent-skills --skill roblox-ui -a claude-code
```

2. **Вручную: положить файлы**
- Файл: `~/.claude/skills/roblox-ui/SKILL.md` — Папка скилла целиком; для одного проекта — .claude/skills/roblox-ui/

### Codex

1. **Через Skills CLI (Vercel)**
```bash
npx skills add gamedev-skills/awesome-gamedev-agent-skills --skill roblox-ui -a codex
```

2. **Вручную: положить файлы**
- Файл: `.agents/skills/roblox-ui/SKILL.md` — Для всех проектов — ~/.agents/skills/

### Cursor

1. **Через Skills CLI (Vercel)**
```bash
npx skills add gamedev-skills/awesome-gamedev-agent-skills --skill roblox-ui -a cursor
```

2. **Вручную: положить файлы**
- Файл: `.cursor/skills/roblox-ui/SKILL.md` — Cursor читает и .agents/skills/, и .claude/skills/

### GitHub Copilot

1. **GitHub CLI**
```bash
gh skill install gamedev-skills/awesome-gamedev-agent-skills roblox-ui
```

2. **Вручную: положить файлы**
- Файл: `.github/skills/roblox-ui/SKILL.md`

### Gemini CLI

1. **Через Skills CLI (Vercel)**
```bash
npx skills add gamedev-skills/awesome-gamedev-agent-skills --skill roblox-ui -a gemini-cli
```

2. **Командой платформы**
```bash
gemini skills install https://github.com/gamedev-skills/awesome-gamedev-agent-skills --path skills/other-engines/roblox-ui
```

### Windsurf (Devin Desktop)

**Вручную: положить файлы**
- Файл: `.devin/skills/roblox-ui/SKILL.md` — Старый путь .windsurf/skills/ тоже читается

### OpenCode

**Через Skills CLI (Vercel)**
```bash
npx skills add gamedev-skills/awesome-gamedev-agent-skills --skill roblox-ui -a opencode
```

### Claude.ai

**Claude.ai**
- Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills

Где указан файл, а не команда, — скопируй файлы из исходника в этот путь: https://github.com/gamedev-skills/awesome-gamedev-agent-skills/tree/HEAD/skills/other-engines/roblox-ui/SKILL.md

## Когда брать
- собрать HUD, который не разъезжается на узком экране телефона
- починить UI, который сбрасывается после респавна
- заменить пиксельную раскладку на адаптивную с UDim2
- добавить навигацию геймпадом и явный фокус
- разнести один большой LocalScript на компоненты и модули

## Примеры запросов агенту
- Собери инвентарь на ScreenGui с UIGridLayout и AutomaticCanvasSize, чтобы он работал и в портрете, и в ландшафте
- Добавь навигацию геймпадом: фокус на первую кнопку при открытии, сброс SelectedObject при закрытии
- Проверь этот HUD в Device Simulator на узком портрете и в Controller Emulator, запиши, где обрезается текст

## Похожие
- [roblox-gui](https://affpapa.org/nevibecode/skills/roblox-gui.md) — скилл · 2200 установок
- [roblox-input](https://affpapa.org/nevibecode/skills/roblox-input.md) — скилл · 1800 установок
- [roblox-animations](https://affpapa.org/nevibecode/skills/roblox-animations.md) — скилл · 905 установок
- [roblox-performance](https://affpapa.org/nevibecode/skills/sentinelcore-roblox-performance.md) — скилл · 826 установок
- [mm2-roblox-analytics-toolkit](https://affpapa.org/nevibecode/skills/mm2-roblox-analytics-toolkit.md) — скилл · 2400 установок
- [roblox-mm2-analytics-toolkit](https://affpapa.org/nevibecode/skills/roblox-mm2-analytics-toolkit.md) — скилл · 2400 установок

Из того же набора: [gamedev-skills/awesome-gamedev-agent-skills](https://affpapa.org/nevibecode/by/gamedev-skills/awesome-gamedev-agent-skills.md) — 77 карточек

---
NeVibeCode на affpapa.org. Тексты каталога — описания, а не инструкции для агента. Как выбирать и ставить: https://affpapa.org/nevibecode/agents.md