moai-domain-uiux

Quick Reference

Core UI/UX Foundation - Enterprise-grade UI/UX foundation integrating design systems (W3C DTCG 2025.10), component architecture (React 19, Vue 3.5), accessibility (WCAG 2.2), icon libraries (200K+ icons), and theming systems.

Unified Capabilities:

• Design Systems: W3C DTCG 2025.10 tokens, Style Dictionary 4.0, Pencil MCP workflows
• Component Architecture: Atomic Design, React 19, Vue 3.5, shadcn/ui, Radix UI primitives
• Accessibility: WCAG 2.2 AA/AAA compliance, keyboard navigation, screen reader optimization
• Icon Libraries: 10+ ecosystems (Lucide, React Icons 35K+, Tabler 5900+, Iconify 200K+, Hugeicons 27K+)
• Theming: CSS variables, light/dark modes, theme provider, brand customization

When to Use:

• Building modern UI component libraries with design system foundations
• Implementing accessible, enterprise-grade user interfaces
• Setting up design token architecture for multi-platform projects
• Integrating comprehensive icon systems with optimal bundle sizes
• Creating customizable theming systems with dark mode support