Moai Domain Uiux
A comprehensive UI/UX foundation that covers the full stack from design tokens to component architecture. Brings together W3C DTCG 2025.10 design tokens, WCAG 2.2 accessibility patterns, 200K+ icons across 10 libraries (Lucide, Iconify, Hugeicons), and React 19/Vue 3.5 component systems with shadcn/ui and Radix primitives. The modular structure is genuinely helpful here: separate files for accessibility, icons, theming, and design tokens mean you can reference just what you need. Built for enterprise-grade projects where design system consistency and accessibility compliance aren't optional. The token-first approach and accessibility-by-default stance reflect real production discipline rather than aspirational guidelines.
- skills.sh installs
- 238
- GitHub stars
- 1.3K
- last updated
- Aug 21, 2026
Install
$ npx -y skills add modu-ai/moai-adk --skill moai-domain-uiux --agent claude-codeInstalls into .claude/skills of the current project.
Files
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
Module Organization:
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/modu-ai/moai-adk
- Category
- Design & UI/UX
- First seen
- Jun 3, 2026
More from modu-ai/moai-adk
All 6Recommended
More Design & UI/UX
kanban-boardnexu-io/open-designKanban / task board with columns (To do / In progress / In review / Done), draggable-looking cards, assignee avatars, swimlanes, and a top filter bar. Use when 238skills.sh installs
web-scanningcommunity-access/accessibility-agentsWeb content discovery, URL crawling, and page inventory for accessibility audits. Use when scanning web pages, crawling sites for audit scope, or building page 233skills.sh installs
axiom-liquid-glasscharleswiltgen/axiomUse when implementing Liquid Glass effects, reviewing UI for Liquid Glass adoption, debugging visual artifacts, optimizing performance, or requesting expert rev232skills.sh installs
hwc-forms-validationthehotwireclub/hotwire_club-skillsHandle Hotwire form workflows: form submission lifecycle, inline editing, validation errors, typeahead/autocomplete, modal forms, and external form controls. Pr230skills.sh installsteam-okrsnexu-io/open-designOKR tracker page — quarter banner, three objectives with their key results as progress bars, owner avatars, status pills, and a "this quarter at a glance" sideb229skills.sh installsweb-severity-scoringcommunity-access/accessibility-agentsCompute web accessibility scores (0-100, A-F grades) with severity scoring, confidence levels, and remediation tracking across audits.226skills.sh installs