skills.rest
windysky
windyskyCOMMUNITY
Explore all skills by this author →
GitHub

moai-domain-uiux

Establish domain UI/UX foundations with design tokens and theming for React and Vue.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill enables organizations to establish and maintain an enterprise-grade domain UI/UX foundation, spanning design systems, tokens, accessibility, and theming.

Core Features & Use Cases

  • Domain-driven UI/UX foundations: token strategies, design system architecture, accessibility conformance, and theming integration.
  • Multi-framework guidance: patterns and templates for React, Vue, and cross-platform design system implementations.
  • Examples & templates: ready-to-adapt references for tokens, components, iconography, and theming.

Quick Start

Use this skill to outline a domain UI/UX design system for a new project, including token naming, component patterns, and theming guidelines.

Frequently Asked Questions about moai-domain-uiux

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

FAQPage Schema
How do I establish a scalable enterprise design system for multi-framework projects?▼

To establish a scalable enterprise design system for multi-framework projects, define a structured workflow with token schemas, accessibility considerations, and implementation templates that ensure consistent UI/UX outcomes across React and Vue.

What is a domain-driven UI/UX foundation and when do I need it?▼

A domain-driven UI/UX foundation establishes token strategies, design system architecture, accessibility conformance, and theming integration. You need it to maintain consistent UI/UX outcomes across complex organizational workflows and multiple frameworks.

Can I use this approach to structure design tokens and theming for React and Vue?▼

Yes, you can structure design tokens and theming for React and Vue using provided patterns and templates. It offers cross-platform design system implementation guidance to maintain token schemas and theming guidelines across frameworks.

What's the best way to outline a new project's UI/UX design system architecture?▼

The best way to outline a new project's UI/UX design system architecture is to follow a structured workflow covering token naming, component patterns, iconography, and theming guidelines using ready-to-adapt implementation references.

Does enterprise UI/UX design require specific accessibility conformance workflows?▼

Yes, enterprise UI/UX design requires specific accessibility conformance workflows. A structured foundation enforces accessibility considerations alongside component architecture and design tokens to deliver consistent, compliant user interfaces.

Related Skills

Explore More Design & Creative Skills→
ArieGoldkinArieGoldkin
10

design-system-starter

Generate design tokens, React component templates, and WCAG 2.1 accessibility documentation.

Community
Advanced
windyskywindysky

moai-domain-uiux

Establish domain UI/UX foundations with design tokens and theming for React and Vue.

Community
Basic
yairbedermanyairbederman

figma-to-code

Translate Figma designs into React and Vue UI components with token-driven styling.

Community
Advanced
RaNDoM6913RaNDoM6913
1

design-system-reviewer

Analyze frontend components for design system token compliance and hardcoded values.

Community
Advanced