If you're building UI in MSW, this is your single entry point for everything: design fundamentals (anchor/pivot/RectTransform), full component API tables (ButtonComponent, TextGUIRendererComponent, ScrollLayoutGroup, GridView, all the enums), builder invocation through msw_ui_builder.cjs, and runtime mlua patterns for popups, toasts, HP bars, drag, and cooldown timers. The skill enforces strict routing to sub-references based on keywords and blocks direct JSON editing entirely, forcing all mutations through the builder to prevent UUID and binding breakage. It includes layout recipes for common patterns (HUD, inventory grid, scroll list) and handles the .ui to .mlua UUID auto-binding that trips everyone up. The workflow is opinionated: match a recipe first, invoke builder, inject bindings, let auto-lint catch mistakes. Sound integration is mandatory for interactive buttons unless you opt out.

skills.sh installs
10.5K
GitHub stars
38
last updated
Aug 21, 2026

Install

$ npx -y skills add msw-git/msw-ai-coding-plugins-official --skill msw-ui-system --agent claude-code

Installs into .claude/skills of the current project.

Files

msw-ui-system

MSW .ui single entry point — design guide + component API + builder invocation + runtime patterns bundled into one skill.

Role division with existing skills:

SkillResponsibility
msw-ui-system (this skill)Everything .ui — design (which/when/why), component API/enum (what), builder invocation (how to mutate), runtime mlua patterns. .ui mutations must always go through this skill's builder
references/templates/Pre-built style bundles — .ui + ruid-map + button handler packages

0. Routing

Branch to sub-references based on request keywords.

Sponsors

Details

Repository
github.com/msw-git/msw-ai-coding-plugins-official
Categories
Frontend Development, Backend & APIs, Git & Pull Requests, AI & Agent Building, Sales & Marketing, Design & UI/UX, Game Development
First seen
Jul 14, 2026

More from msw-git/msw-ai-coding-plugins-official

All 12
1resend avatarreact-emailresend/react-emailUse when building HTML email templates with React components, adding a visual email editor to an application using the React Email visual editor, rendering emai10Kskills.sh installs
2onmax avatarvueonmax/nuxt-skillsUse when editing .vue files, creating Vue 3 components, writing composables, or testing Vue code - provides Composition API patterns, props/emits best practices8.1Kskills.sh installs
3onmax avatarnuxt-uionmax/nuxt-skillsUse when building styled UI with @nuxt/ui v4 components - create forms with validation, implement data tables with sorting, build modal dialogs and overlays, co7.2Kskills.sh installs
4affaan-m avatarfrontend-patternsaffaan-m/eccFrontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.7.1Kskills.sh installs
5pixijs avatarpixijs-scene-dom-containerpixijs/pixijs-skillsUse this skill when overlaying HTML elements on the PixiJS v8 canvas. Covers DOMContainer with element, anchor, and scene-graph-driven CSS transforms, the pixi.6.7Kskills.sh installs
6jeffallan avatarnextjs-developerjeffallan/claude-skillsUse when building Next.js 14+ applications with App Router, server components, or server actions. Invoke to configure route handlers, implement middleware, set 6Kskills.sh installs