skills.rest
hnabyz-bot
hnabyz-botCOMMUNITY
Explore all skills by this author →
GitHub

moai-domain-uiux

Unify enterprise UI/UX design systems with tokens and WCAG/ARIA compliance.

Updated Jan 23, 2026
Search Tags:#theming#accessibility#UI/UX#tokens#design-systems#component-library
One-click install
npx skills add https://github.com/hnabyz-bot/gate_drv --skill moai-domain-uiux-hnabyz-bot
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: moai-domain-uiux
Source: https://github.com/hnabyz-bot/gate_drv/tree/main/.claude/skills/moai-domain-uiux
Command: npx skills add https://github.com/hnabyz-bot/gate_drv --skill moai-domain-uiux-hnabyz-bot

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill enables design teams to establish and govern enterprise-grade UI/UX design systems, ensuring consistency across products, scalable component architectures, accessible interfaces, and cohesive theming across multiple platforms.

Core Features & Use Cases

  • Design System Governance: Establish and maintain a central design system with tokens, components, and documentation to ensure consistency across products.
  • Accessibility & WCAG Alignment: Integrate WCAG/ARIA patterns into components, tokens, and theming to meet AA/AAA requirements where appropriate.
  • Theming & Tokens Integration: Centralize color, typography, spacing tokens and enable multi-theme support with design-token pipelines.
  • Component Library Patterns: Atomic design guidance and architecture with documentation workflows (Storybook) for consistent implementation.
  • Use Case: Large orgs migrating multiple apps to a unified design system can rollout tokens, components, and accessibility standards to achieve cohesive UX.

Quick Start

Define your design system scope, token schema, and governance in a shared repository. Integrate with token tooling (Style Dictionary), a11y checks, and component patterns to bootstrap a scalable UI/UX foundation. Document components and usage with Storybook for design-to-code collaboration.

Frequently Asked Questions about moai-domain-uiux

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I unify enterprise UI/UX design systems across React and Vue?▼

Unify enterprise UI/UX design systems by establishing a central repository with shared design tokens, component patterns, and accessibility standards. This approach bridges multi-framework environments like React and Vue to deliver cohesive theming and consistent user experiences.

How do I set up design tokens for a multi-theme component library?▼

Set up design tokens for a multi-theme component library by defining a central token schema for color, typography, and spacing. Integrate token tooling pipelines like Style Dictionary to enable scalable multi-theme support across your applications.

Does this design system approach integrate WCAG and ARIA compliance?▼

Yes, this design system approach integrates WCAG and ARIA compliance directly into components, tokens, and theming. It applies documented accessibility patterns to meet AA and AAA requirements across the enterprise component architecture.

What is the best way to document component library patterns for design-to-code collaboration?▼

The best way to document component library patterns for design-to-code collaboration is using Storybook. It provides atomic design architecture guidance and documentation workflows that ensure consistent implementation across large teams.

When do I need to establish design system governance for my products?▼

You need to establish design system governance when large organizations migrate multiple apps to a unified UI/UX. It solves fragmentation challenges by maintaining a central system of tokens and components to ensure product consistency at scale.

Related Skills

Explore More Design & Creative Skills→
truchottruchot
2

direction-artistique

Define visual identity, brand language, and governance for projects.

Community
Advanced
AbsolutelySkilledAbsolutelySkilled
207

design-systems

Standardize design tokens, theming, and Storybook documentation for UI libraries.

Official
Advanced
daniellelooodaniellelooo

web-accessibility

Implement WCAG 2.1 accessibility standards for web interfaces.

Community
Intermediate
poko8nadapoko8nada

ui-design

Apply Tailwind-based design guidelines for typography, color, spacing, and components.

Community
Intermediate