# msw-ui-kit

Скилл подбирает готовые RUID-палитры и виджеты из официальных MSWPackages, чтобы интерфейс игры выглядел цельно. Пригодится, когда нужен экран или элемент в едином стиле.

- скилл · `type=skill` · Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, OpenCode · 1200 установок · ★ 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-kit/SKILL.md
- Обновлён: 2026-10-06
- HTML: https://affpapa.org/nevibecode/skills/msw-ui-kit

## Что делает

Скилл работает с ассетами MSW: семь тематических палитр RUID, добытых из ресурс-паков опубликованных миров, плюс дайджесты деревьев сущностей более чем 130 экранов из примеров и официальных пакетов — инвентарь, магазин, рейтинг, HUD, диалоги. Каждая деталь в палитре идёт с RUID, нативным размером, типом 9-slice и состояниями кнопок, поэтому её можно сразу подставлять в `UIBuilder` как `image_ruid`, без установки.

Вторая часть — набор готовых виджетов взаимодействия: флажок, радиокнопка, переключатель, группа переключателей, выпадающий список, пагинация, индикатор выполнения, колесо прокрутки, выбор времени, цифровая клавиатура и индикатор загрузки. Их берут, когда штатных компонентов не хватает.

Скилл отвечает только за то, какие ассеты взять и как встроить виджеты: создание и правку самого `.ui` ведёт `msw-ui-system` через свой UIBuilder, а логику функций вроде инвентаря или покупок — `msw-packages`. Тема выбирается один раз на экран и не меняется в рантайме; смешивать детали из двух тем на одном экране нельзя. Если мир всё-таки переключает тему на ходу, просто панель может оказаться под чужой графикой — тогда либо держите сменные поверхности и текст на них в одном наборе, либо уберите этот декор из переключения и задайте ему цвета вручную.

## Установка

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

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

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

### Codex

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

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

### Cursor

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

2. **Вручную: положить файлы**
- Файл: `.cursor/skills/msw-ui-kit/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-kit
```

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

### Gemini CLI

1. **Через Skills CLI (Vercel)**
```bash
npx skills add MSW-Git/msw-ai-coding-plugins-official --skill msw-ui-kit -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-kit
```

### Windsurf (Devin Desktop)

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

### OpenCode

**Через Skills CLI (Vercel)**
```bash
npx skills add MSW-Git/msw-ai-coding-plugins-official --skill msw-ui-kit -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-kit/SKILL.md

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

## Примеры запросов агенту
- Сделай экран инвентаря в стиле simplefantasy, структуру возьми из примеров темы
- Нужен переключатель и индикатор загрузки в едином стиле — подбери виджеты из msw-ui-kit
- Подбери RUID для фона окна и кнопок из темы cutecasual

## Похожие
- [godot-ui](https://affpapa.org/nevibecode/skills/godot-ui.md) — скилл · 2700 установок
- [msw](https://affpapa.org/nevibecode/skills/msw.md) — скилл · 842 установки
- [gaming-entertainment](https://affpapa.org/nevibecode/skills/gaming-entertainment.md) — скилл · 535 установок
- [arc-mastery](https://affpapa.org/nevibecode/skills/arc-mastery.md) — скилл · 525 установок
- [flutter-add-widget-preview](https://affpapa.org/nevibecode/skills/flutter-add-widget-preview.md) — скилл · 36800 установок
- [makepad-2.0-widgets](https://affpapa.org/nevibecode/skills/makepad-20-widgets.md) — скилл · ★ 751

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

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