moai-domain-uiux
CommunityMaster UI/UX design systems & accessibility.
Design & Creative#theming#accessibility#design system#ui/ux#design tokens#wcag#component architecture
AuthorCJ-1981
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill provides comprehensive guidance and best practices for building modern, accessible, and performant user interfaces, focusing on design systems, component architecture, and accessibility standards.
Core Features & Use Cases
- Design Systems: Implement W3C DTCG 2025.10 design tokens, Style Dictionary, and Pencil MCP workflows.
- Component Architecture: Utilize Atomic Design patterns with React 19 and Vue 3.5.
- Accessibility: Ensure WCAG 2.2 AA/AAA compliance, keyboard navigation, and ARIA patterns.
- Icon Libraries: Integrate diverse icon sets with performance optimization.
- Theming: Set up customizable theming systems with dark mode support.
- Use Case: A team is building a new design system and needs to establish a robust foundation for tokens, components, and accessibility. This Skill provides the blueprints and best practices to ensure a high-quality, maintainable, and accessible UI.
Quick Start
Use the moai-domain-uiux skill to set up a design system with W3C DTCG 2025.10 tokens and Atomic Design principles.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: moai-domain-uiux Download link: https://github.com/CJ-1981/excel-processor/archive/main.zip#moai-domain-uiux Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.