skills.rest
GoosLab
GoosLabCOMMUNITY
Explore all skills by this author →
Website𝕏@G00S_KIMGitHub

moai-domain-uiux

Standardize design tokens, components, icons, accessibility, and theming for React and Vue apps.

1|Updated Jan 10, 2026
Search Tags:#theming#accessibility#components#tokens#domain#design-systems#uiux
One-click install
npx skills add https://github.com/GoosLab/moai-rank --skill moai-domain-uiux-gooslab
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: moai-domain-uiux
Source: https://github.com/GoosLab/moai-rank/tree/main/.claude/skills/moai-domain-uiux
Command: npx skills add https://github.com/GoosLab/moai-rank --skill moai-domain-uiux-gooslab

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Domain UI/UX skill consolidates enterprise-grade UI/UX standards by codifying design systems, component architectures, accessibility patterns, icons, and theming into a cohesive governance model for cross-team consistency.

Core Features & Use Cases

  • Domain-driven design system foundation: tokens, components, icons, accessibility, and theming across React and Vue projects.
  • Multi-team collaboration: standardizes design language, component patterns, and token usage to accelerate delivery while maintaining accessibility compliance.
  • Real-world use case: implement a shared design system for a large product portfolio to ensure visual consistency and inclusive UX.

Quick Start

Create a domain UI/UX design-system plan that standardizes tokens, components, icons, accessibility, and theming across teams.

Frequently Asked Questions about moai-domain-uiux

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

FAQPage Schema
How do I standardize design tokens and accessibility patterns across enterprise teams?▼

Standardize design tokens and accessibility by codifying a formal design-system vocabulary into a cohesive governance model, ensuring cross-team consistency in component architecture and theming across large organizations.

Can I apply a single domain-driven design system to both React and Vue applications?▼

Yes, you can apply domain-driven design system foundations, including tokens, components, and theming, uniformly across React and Vue projects to maintain a cohesive visual language.

What is a domain-driven design system foundation for enterprise UI/UX?▼

A domain-driven design system foundation is a governance model that consolidates tokens, components, icons, accessibility, and theming to ensure visual consistency and inclusive UX across large product portfolios.

Do I need a formal design-system vocabulary to standardize component architecture?▼

Yes, implementing standardized component architecture requires a formal design-system vocabulary, token definitions, accessible patterns, and theming strategies as defined by the domain UI/UX governance model.

What's the best way to ensure accessibility compliance across a large product portfolio?▼

Ensure accessibility compliance by standardizing accessible patterns and theming strategies into a shared design system, accelerating multi-team delivery while maintaining inclusive UX across the portfolio.

Related Skills

Explore More Design & Creative Skills→
LowyShinLowyShin
33

phase-5-design-system

Automate creation and orchestration of platform-independent design systems with reusable tokens.

Community
Advanced
iredrion-imgiredrion-img

frontend-design

Design and implement frontend interfaces with design tokens and responsive layouts.

Community
Advanced
Vivekmano27Vivekmano27

design-system-builder

Create scalable design systems with tokens, components, and documentation.

Community
Advanced
windyskywindysky

moai-domain-uiux

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

Community
Basic