Skip to main content
affpapa.org
RU EN
skill CX Codex

msw-ui-system — Claude Code skill: what it does, how to install

Guides coding agents through building MapleStory Worlds interfaces: generates .ui layouts, configures UI components, and handles .mlua UUID bindings.

Install into Claude Code · Skills CLI (Vercel) All methods and platforms ↓ 
npx skills add MSW-Git/msw-ai-coding-plugins-official --skill msw-ui-system -a claude-code
Open on GitHub

What msw-ui-system does

The skill acts as a unified guide for MapleStory Worlds interface development. It covers core widgets like ButtonComponent, GridView, and Slider, anchor calculations in RectTransform, and recipes for HUDs, inventories, and popups.

Direct edits to raw .ui JSON files are prohibited. The workflow requires mutating layouts through scripts/msw_ui_builder.cjs. That builder handles node hierarchy, runs layout validation, and injects entity UUID bindings directly into .mlua scripts.

UI logic is strictly client-only. Server scripts receive nil on UI lookups because remote procedure calls are not supported here.

What it helps with

  • generate .ui layout files using msw_ui_builder.cjs
  • bind generated interface UUIDs into .mlua script properties
  • configure GridView and ScrollLayoutGroup containers
  • assemble HUD, inventory, or popup layouts from recipes

Example prompts for the agent

  • Build an inventory window with a GridView using msw_ui_builder.cjs and inject UUIDs into .mlua
  • Configure RectTransform anchors for a player health bar on mobile resolutions
  • Add a close button to the popup layout and configure its ButtonComponent

How to install msw-ui-system

1Skills CLI (Vercel)

npx skills add MSW-Git/msw-ai-coding-plugins-official --skill msw-ui-system -a claude-code

2Manually: put the files in place

~/.claude/skills/msw-ui-system/SKILL.md

Copy the whole skill folder; for one project use .claude/skills/msw-ui-system/

Step by step, with commands for each platform: How to install skills in Claude Code: five ways

Questions about msw-ui-system

How to install msw-ui-system in Claude Code?

Run npx skills add MSW-Git/msw-ai-coding-plugins-official --skill msw-ui-system -a claude-code in your terminal.

What does msw-ui-system do?

It equips the agent with MapleStory Worlds UI layout standards, component API references, and the msw_ui_builder.cjs builder for updating .ui files safely.

Why is direct editing of .ui files prohibited?

Manual JSON changes corrupt entity UUIDs, ValueType definitions, and @components registries. All modifications must go through scripts/msw_ui_builder.cjs.

Similar skills

Everything for Game dev and 3D: Unity, Unreal, Godot, Blender →
msw pproenca A skill with 45 rules for Mock Service Worker v2: setup, handlers, test integration, GraphQL. Useful when your agent writes or fixes HTTP mocks. CX Codex +1 842installs threejs-game-ui-designer majidmanzarpour Skill for designing game UIs in Three.js: HUDs, menus, pause and win screens, responsive layout for mobile and desktop. Prevents overlaps, ensures readability, and keeps UI cohesive with game style. CX Codex +1 3,300installs game-ui-ux gamedev-skills Engine-neutral game UI architecture skill for responsive layouts, screen stacks, gamepad focus, and event-driven HUD updates. CX Codex +1 9,600installs game-ui-design omer-metin Provides game UI design guidelines for HUDs, inventory screens, and radial menus. Built around controller navigation, safe zones, and rapid readability during action. CX Codex +1 3,900installs roblox-ui gamedev-skills A skill for building Roblox interfaces: ScreenGui lifecycle, responsive UDim2 layouts, gamepad and touch input. Useful when UI clips or resets on respawn. CX Codex +1 3,800installs react-testing affaan-m A skill for writing React component, hook and page tests with React Testing Library, Vitest or Jest, MSW network mocks and axe accessibility assertions. CX Codex +1 4,800installs

From the same set14

msw-general Foundation skill for MapleStory Worlds work: shared tools, platform rules and validated .model templates. Every other MSW skill builds on it. CX Codex +1 9,900installs msw-painter Draws a pixel-art sprite when msw-search finds no suitable RUID, then helps register the PNG as a resource. CX Codex +1 9,700installs msw-behaviourtree Builds MSW .behaviourtree files and refreshes a project-specific node spec. Use it to define a behaviour graph with Blackboard variables and node properties. CX Codex +1 9,600installs msw-sprite-ruid Rules for assigning RUID to SpriteRendererComponent.SpriteRUID and SpriteGUIRendererComponent.ImageRUID, plus the thumbnail:// prefix for icons. CX Codex +1 9,700installs msw-packages Checks the MSW package catalog before an agent builds a standard game feature from scratch. When a match turns up, the agent can review it and ask whether to integrate it. CX Codex +1 9,600installs msw-planning Turn a MapleStory Worlds game idea into a scoped first build and a Markdown plan. The skill can also pick up an existing project and guide its next milestone. CX Codex +1 7,200installs maplestory-skill-maker A skill for building MapleStory Worlds attack and movement abilities with linked combat logic, animation timing, and hotbar work. CX Codex +1 1,500installs msw-ui-kit This skill picks ready RUID palettes and interaction widgets from official MSWPackages so a game interface stays visually consistent. Handy when a screen or part needs a themed look. CX Codex +1 1,200installs

Project sponsors

Companies that keep this analytics open
Gold sponsor
Nutra.Club

Impressions, clicks and code copies — open statistics. We keep the numbers public for the same reason NeBlask itself is public. Become a sponsor