用途:moai-domain-uiux 是一个 UI/UX 设计系统专项技能,用于在构建现代组件库、企业级界面、设计令牌架构、图标体系与可定制主题时提供规范与工作流,并覆盖无障碍与用户体验模式。
主要能力:设计系统(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、键盘导航、屏幕阅读器优化);图标库(10+ 生态,含 Lucide、React Icons 35K+、Tabler 5900+、Iconify 200K+);主题(CSS 变量、明暗模式、主题 Provider、品牌定制)。模块文档按 component-architecture、design-system-tokens、accessibility-wcag、icon-libraries、theming-system、web-interface-guidelines 划分,另有 examples.md 与 reference.md。
使用方式:按需进入对应模块文件;先建立 DTCG 令牌 JSON 并用 Style Dictionary 构建,再用 shadcn/ui 初始化并添加组件,按原子设计组织目录;图标按需单独导入;主题以 CSS 变量配合 Theme Provider 实现明暗切换。具体安装与构建命令资料中未给出完整代码。
适用场景:设计令牌架构、可访问组件库、多平台令牌转换、图标选型与体积优化、明暗主题与品牌定制。
限制与最佳实践:令牌替代硬编码值;图标按钮需 aria-label;图标单独导入以利 tree-shaking;明暗模式均需测试;交互元素需键盘导航与可见焦点指示;异步操作需加载态;优先 Tailwind 工具类而非内联样式。资料标注版本 2.0.0、状态 Production Ready、最后更新 2026-01-11。平台、收费与价格信息暂未提供。