moai-domain-uiux

Implement W3C DTCG 2025.10 design tokens by utilizing Style Dictionary to define and distribute them across your UI architecture. This approach ensures consistent theming and maintainable component development for enterprise-grade applications.

Yes, it supports building accessible React 19 components by utilizing shadcn/ui and Radix UI. This ensures your UI architecture meets WCAG 2.2 AA/AAA compliance, including keyboard navigation and screen reader optimization.

The best way to integrate icon libraries like Lucide or Iconify is to follow performance best practices during component development. This ensures diverse icon systems are integrated efficiently within your design system architecture.

Yes, you can use Atomic Design principles with Vue 3.5 to structure your components and develop dynamic theming systems. This allows for effective light/dark mode implementation and brand customization across your application.

You need Style Dictionary and Pencil MCP workflows to establish a robust design system architecture. They facilitate the management of W3C DTCG 2025.10 design tokens, ensuring consistency and usability across your application components.

You need WCAG 2.2 accessibility compliance whenever building UI components that require keyboard navigation and screen reader optimization. Ensuring AA/AAA compliance prevents accessibility barriers and guarantees a usable experience for all users.