msw-ui-system — скилл для Claude Code: что делает и как установить
Направляет агента при сборке интерфейсов для MapleStory Worlds: создаёт разметку .ui, настраивает компоненты и генерирует привязки для скриптов .mlua.
npx skills add MSW-Git/msw-ai-coding-plugins-official --skill msw-ui-system -a claude-codeЧто делает msw-ui-system
Скилл выступает единой точкой входа для работы с экранами в MapleStory Worlds. Он содержит спецификации компонентов вроде ButtonComponent, GridView или Slider, правила расчёта якорей RectTransform и готовые схемы для HUD, инвентаря, диалогов или всплывающих сообщений.
Любые изменения разметки строго изолированы. Скилл запрещает править файлы .ui вручную или через консольные утилиты, требуя использовать генератор scripts/msw_ui_builder.cjs. После сборки нод скрипт автоматически связывает сгенерированные UUID с переменными в коде .mlua, исключая поломку ссылок.
Клиентский интерфейс полностью отделён от бэкенда. Любой вызов элементов UI на сервере вернёт nil, потому что RPC для них не поддерживается.
Какие задачи решает
- сгенерировать разметку
.uiчерез скриптmsw_ui_builder.cjs - привязать сгенерированные UUID интерфейса к свойствам в скриптах
.mlua - настроить сетку
GridViewи списки прокруткиScrollLayoutGroup - собрать интерфейс инвентаря, HUD или всплывающего окна по рецептам
Примеры запросов агенту
- Собери окно инвентаря с сеткой GridView через msw_ui_builder.cjs и свяжи UUID с файлом .mlua
- Настрой якоря и RectTransform для плашки со здоровьем в мобильном разрешении
- Добавь кнопку закрытия всплывающего окна и назначь на неё компонент ButtonComponent
Как установить msw-ui-system
1Через Skills CLI (Vercel)
npx skills add MSW-Git/msw-ai-coding-plugins-official --skill msw-ui-system -a claude-code2Вручную: положить файлы
~/.claude/skills/msw-ui-system/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/msw-ui-system/
1Через Skills CLI (Vercel)
npx skills add MSW-Git/msw-ai-coding-plugins-official --skill msw-ui-system -a codex2Вручную: положить файлы
.agents/skills/msw-ui-system/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add MSW-Git/msw-ai-coding-plugins-official --skill msw-ui-system -a cursor2Вручную: положить файлы
.cursor/skills/msw-ui-system/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install MSW-Git/msw-ai-coding-plugins-official msw-ui-system2Вручную: положить файлы
.github/skills/msw-ui-system/SKILL.md1Через Skills CLI (Vercel)
npx skills add MSW-Git/msw-ai-coding-plugins-official --skill msw-ui-system -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-systemВручную: положить файлы
.devin/skills/msw-ui-system/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add MSW-Git/msw-ai-coding-plugins-official --skill msw-ui-system -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о msw-ui-system
Как установить msw-ui-system в Claude Code?
Выполните в терминале команду npx skills add MSW-Git/msw-ai-coding-plugins-official --skill msw-ui-system -a claude-code.
Что делает скилл msw-ui-system?
Он предоставляет агенту правила сборки интерфейсов MapleStory Worlds, справочник API компонентов и скрипт msw_ui_builder.cjs для безопасного изменения разметки .ui.
Почему нельзя редактировать файлы .ui вручную?
Прямая правка JSON ломает ссылки UUID, внутренние типы значений и список @components. Все изменения разметки необходимо выполнять только через scripts/msw_ui_builder.cjs.