用途:moai-domain-uiux 是 UI/UX 设计系统专项技能,用于构建现代 UI 组件库、实现无障碍企业级界面、搭建多平台设计令牌架构、集成图标系统与可定制主题。
主要能力:设计系统方面支持 W3C DTCG 2025.10 令牌、Style Dictionary 4.0、Pencil MCP 工作流;组件架构涵盖 Atomic Design、React 19、Vue 3.5、shadcn/ui、Radix UI 原语;无障碍支持 WCAG 2.2 AA/AAA、键盘导航与屏幕阅读器优化;图标库覆盖 Lucide、React Icons、Tabler、Iconify 等 10 余个生态;主题支持 CSS 变量、明暗模式、Theme Provider 与品牌定制。
使用方式:按模块查阅文档,设计令牌用 modules/design-system-tokens.md,组件模式用 modules/component-architecture.md,无障碍用 modules/accessibility-wcag.md,图标用 modules/icon-libraries.md,主题用 modules/theming-system.md,示例见 examples.md。快速流程包括:用 DTCG schema 初始化令牌 JSON,经 Style Dictionary 转换后导入组件;用 shadcn/ui init 命令初始化并添加 button、form、dialog 组件;按需安装 lucide-react、iconify/react 或 tabler/icons-react;在根选择器配置 CSS 变量并用 Theme Provider 包裹应用。
适用场景:企业级组件库、设计令牌多平台项目、无障碍界面、图标系统与明暗主题。
限制:资料未提供具体收费、价格与平台支持信息;实际效果取决于项目环境与依赖版本。