# msw-ui-system

Направляет агента при сборке интерфейсов для MapleStory Worlds: создаёт разметку .ui, настраивает компоненты и генерирует привязки для скриптов .mlua.

- скилл · `type=skill` · Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, OpenCode · 9700 установок · ★ 38
- Автор: MSW-Git
- Лицензия: не указана · policy=link-only · показываем только описание, файл — у автора
- Исходник: https://github.com/MSW-Git/msw-ai-coding-plugins-official/tree/HEAD/plugins/msw-maker-base-skill/skills/msw-ui-system/SKILL.md
- Обновлён: 2026-10-06
- HTML: https://affpapa.org/nevibecode/skills/msw-ui-system

## Что делает

Скилл выступает единой точкой входа для работы с экранами в MapleStory Worlds. Он содержит спецификации компонентов вроде `ButtonComponent`, `GridView` или `Slider`, правила расчёта якорей `RectTransform` и готовые схемы для HUD, инвентаря, диалогов или всплывающих сообщений.

Любые изменения разметки строго изолированы. Скилл запрещает править файлы `.ui` вручную или через консольные утилиты, требуя использовать генератор `scripts/msw_ui_builder.cjs`. После сборки нод скрипт автоматически связывает сгенерированные UUID с переменными в коде `.mlua`, исключая поломку ссылок.

Клиентский интерфейс полностью отделён от бэкенда. Любой вызов элементов UI на сервере вернёт `nil`, потому что RPC для них не поддерживается.

## Установка

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

1. **Через Skills CLI (Vercel)**
```bash
npx skills add MSW-Git/msw-ai-coding-plugins-official --skill msw-ui-system -a claude-code
```

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

### Codex

1. **Через Skills CLI (Vercel)**
```bash
npx skills add MSW-Git/msw-ai-coding-plugins-official --skill msw-ui-system -a codex
```

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

### Cursor

1. **Через Skills CLI (Vercel)**
```bash
npx skills add MSW-Git/msw-ai-coding-plugins-official --skill msw-ui-system -a cursor
```

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

### GitHub Copilot

1. **GitHub CLI**
```bash
gh skill install MSW-Git/msw-ai-coding-plugins-official msw-ui-system
```

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

### Gemini CLI

1. **Через Skills CLI (Vercel)**
```bash
npx skills add MSW-Git/msw-ai-coding-plugins-official --skill msw-ui-system -a gemini-cli
```

2. **Командой платформы**
```bash
gemini skills install https://github.com/MSW-Git/msw-ai-coding-plugins-official --path plugins/msw-maker-base-skill/skills/msw-ui-system
```

### Windsurf (Devin Desktop)

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

### OpenCode

**Через Skills CLI (Vercel)**
```bash
npx skills add MSW-Git/msw-ai-coding-plugins-official --skill msw-ui-system -a opencode
```

### Claude.ai

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

Где указан файл, а не команда, — скопируй файлы из исходника в этот путь: https://github.com/MSW-Git/msw-ai-coding-plugins-official/tree/HEAD/plugins/msw-maker-base-skill/skills/msw-ui-system/SKILL.md

## Когда брать
- сгенерировать разметку `.ui` через скрипт `msw_ui_builder.cjs`
- привязать сгенерированные UUID интерфейса к свойствам в скриптах `.mlua`
- настроить сетку `GridView` и списки прокрутки `ScrollLayoutGroup`
- собрать интерфейс инвентаря, HUD или всплывающего окна по рецептам

## Примеры запросов агенту
- Собери окно инвентаря с сеткой GridView через msw_ui_builder.cjs и свяжи UUID с файлом .mlua
- Настрой якоря и RectTransform для плашки со здоровьем в мобильном разрешении
- Добавь кнопку закрытия всплывающего окна и назначь на неё компонент ButtonComponent

## Похожие
- [msw](https://affpapa.org/nevibecode/skills/msw.md) — скилл · 842 установки
- [threejs-game-ui-designer](https://affpapa.org/nevibecode/skills/threejs-game-ui-designer.md) — скилл · 3300 установок
- [game-ui-ux](https://affpapa.org/nevibecode/skills/game-ui-ux.md) — скилл · 9600 установок
- [game-ui-design](https://affpapa.org/nevibecode/skills/game-ui-design.md) — скилл · 3900 установок
- [roblox-ui](https://affpapa.org/nevibecode/skills/roblox-ui.md) — скилл · 3800 установок
- [react-testing](https://affpapa.org/nevibecode/skills/react-testing.md) — скилл · 4800 установок

Из того же набора: [msw-git/msw-ai-coding-plugins-official](https://affpapa.org/nevibecode/by/msw-git/msw-ai-coding-plugins-official.md) — 10 карточек

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