skills.rest
Jongsix
JongsixCOMMUNITY
Explore all skills by this author →
GitHub

moai-domain-uiux

Analyzes UI/UX foundations for accessible, consistent web interfaces using WCAG 2.2 and semantic tokens.

Updated Feb 24, 2026
Search Tags:#theming#accessibility#design systems#design tokens#wcag#icons#uiux
One-click install
npx skills add https://github.com/Jongsix/remote-claudecode --skill moai-domain-uiux-jongsix
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: moai-domain-uiux
Source: https://github.com/Jongsix/remote-claudecode/tree/main/.claude/skills/moai-domain-uiux
Command: npx skills add https://github.com/Jongsix/remote-claudecode --skill moai-domain-uiux-jongsix

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps teams design and evaluate modern user interfaces with consistent theming, accessible interaction patterns, and scalable design token systems.

Core Features & Use Cases

  • Design Systems: Establish semantic tokens, theme variables, and reusable UI foundations for multi-platform products.
  • Accessibility: Apply WCAG 2.2 practices, ARIA patterns, keyboard navigation, and screen-reader-friendly behavior.
  • Icon and Theming Guidance: Choose icon libraries, optimize bundle size, and implement light/dark mode customization.
  • Use Case: A product team can use this Skill to standardize colors, spacing, focus states, and component behavior across a growing app while keeping accessibility compliant.

Quick Start

Ask for a UI/UX review or design-system plan for your interface, including accessibility, theming, tokens, and icon usage.

Frequently Asked Questions about moai-domain-uiux

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

FAQPage Schema
How do I design accessible interfaces that comply with WCAG 2.2?▼

Accessible interfaces require applying WCAG 2.2 practices, ARIA patterns, keyboard navigation, and screen-reader-friendly behavior to ensure your web product remains usable for everyone.

What is the best way to set up semantic design tokens for a multi-theme system?▼

Setting up semantic design tokens requires establishing theme variables and reusable UI foundations to standardize colors, spacing, and focus states across multi-platform products with scalable theming.

How do I standardize component patterns across a growing design system?▼

Standardizing component patterns requires establishing reusable UI foundations with semantic tokens to ensure consistent behavior, focus states, and multi-theme styling practices across your growing application.

Can I get a UI/UX review for my existing interface theming and accessibility?▼

You can request a UI/UX review to analyze your interface foundations, evaluating accessibility compliance, theming consistency, token usage, and icon selection to provide actionable improvement guidance.

How do I choose icon libraries and optimize bundle size for my web product?▼

Choosing icon libraries involves evaluating visual consistency with your design tokens and optimizing bundle size to ensure lightweight, accessible, multi-theme styling implementation across your web product.

Related Skills

Explore More Design & Creative Skills→
hatch3rhatch3r
26

hatch3r-visual-refactor

Execute design-faithful UI refactors with WCAG AA and responsiveness verification.

Official
Advanced
FoundationForgeFoundationForge

design-system

Audit design systems for naming inconsistencies, hardcoded values, and accessibility gaps.

Official
Intermediate
calcosmiccalcosmic
9

accessibility

Audit frontend components for WCAG 2.2 AA accessibility compliance.

Community
Advanced
KyaniteLabsKyaniteLabs
3

color-system

Generate OKLCH color ramps and semantic token systems with WCAG 2.x contrast verification.

Official
Advanced