msw-ui-kit — скилл для Claude Code: темы и виджеты MSW UI
Скилл подбирает готовые RUID-палитры и виджеты из официальных MSWPackages, чтобы интерфейс игры выглядел цельно. Пригодится, когда нужен экран или элемент в едином стиле.
npx skills add MSW-Git/msw-ai-coding-plugins-official --skill msw-ui-kit -a claude-codeЧто делает msw-ui-kit
Скилл работает с ассетами MSW: семь тематических палитр RUID, добытых из ресурс-паков опубликованных миров, плюс дайджесты деревьев сущностей более чем 130 экранов из примеров и официальных пакетов — инвентарь, магазин, рейтинг, HUD, диалоги. Каждая деталь в палитре идёт с RUID, нативным размером, типом 9-slice и состояниями кнопок, поэтому её можно сразу подставлять в UIBuilder как image_ruid, без установки.
Вторая часть — набор готовых виджетов взаимодействия: флажок, радиокнопка, переключатель, группа переключателей, выпадающий список, пагинация, индикатор выполнения, колесо прокрутки, выбор времени, цифровая клавиатура и индикатор загрузки. Их берут, когда штатных компонентов не хватает.
Скилл отвечает только за то, какие ассеты взять и как встроить виджеты: создание и правку самого .ui ведёт msw-ui-system через свой UIBuilder, а логику функций вроде инвентаря или покупок — msw-packages. Тема выбирается один раз на экран и не меняется в рантайме; смешивать детали из двух тем на одном экране нельзя. Если мир всё-таки переключает тему на ходу, просто панель может оказаться под чужой графикой — тогда либо держите сменные поверхности и текст на них в одном наборе, либо уберите этот декор из переключения и задайте ему цвета вручную.
Какие задачи решает
- подобрать детали интерфейса из одной темы, а не собирать RUID по поиску
- собрать экран инвентаря или магазина по образцу реальной игры
- добавить флажок, переключатель или выпадающий список, которых нет среди штатных компонентов
- взять палитру RUID из ресурс-пака опубликованного мира без установки
- посмотреть дерево сущностей готового экрана перед версткой
Примеры запросов агенту
- Сделай экран инвентаря в стиле simplefantasy, структуру возьми из примеров темы
- Нужен переключатель и индикатор загрузки в едином стиле — подбери виджеты из msw-ui-kit
- Подбери RUID для фона окна и кнопок из темы cutecasual
Как установить msw-ui-kit
1Через Skills CLI (Vercel)
npx skills add MSW-Git/msw-ai-coding-plugins-official --skill msw-ui-kit -a claude-code2Вручную: положить файлы
~/.claude/skills/msw-ui-kit/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/msw-ui-kit/
1Через Skills CLI (Vercel)
npx skills add MSW-Git/msw-ai-coding-plugins-official --skill msw-ui-kit -a codex2Вручную: положить файлы
.agents/skills/msw-ui-kit/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add MSW-Git/msw-ai-coding-plugins-official --skill msw-ui-kit -a cursor2Вручную: положить файлы
.cursor/skills/msw-ui-kit/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install MSW-Git/msw-ai-coding-plugins-official msw-ui-kit2Вручную: положить файлы
.github/skills/msw-ui-kit/SKILL.md1Через Skills CLI (Vercel)
npx skills add MSW-Git/msw-ai-coding-plugins-official --skill msw-ui-kit -a gemini-cli2Командой платформы
gemini skills install https://github.com/MSW-Git/msw-ai-coding-plugins-official --path plugins/msw-maker-base-skill/skills/msw-ui-kitВручную: положить файлы
.devin/skills/msw-ui-kit/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add MSW-Git/msw-ai-coding-plugins-official --skill msw-ui-kit -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о msw-ui-kit
Как установить msw-ui-kit в Claude Code?
Выполните npx skills add MSW-Git/msw-ai-coding-plugins-official --skill msw-ui-kit -a claude-code, после чего скилл окажется в ~/.claude/skills/msw-ui-kit/SKILL.md.
Что делает msw-ui-kit?
Подбирает тематические палитры RUID и готовые виджеты взаимодействия из официальных MSWPackages, чтобы экраны и элементы выглядели согласованно. Он отвечает за выбор ассетов, а не за создание самого .ui.
Чем msw-ui-kit отличается от msw-ui-system и msw-packages?
msw-ui-kit решает, какие ассеты и виджеты взять. Создание и изменение .ui идёт через UIBuilder из msw-ui-system, а логика функций вроде инвентаря или покупок — в msw-packages.
