skills.rest
yejune
yejuneCOMMUNITY
Explore all skills by this author →
GitHub

{{persona::BRAND}}-domain-uiux

Implement W3C DTCG 2025.10 design tokens and WCAG 2.2-compliant UI components.

Updated Aug 27, 2026
Search Tags:#accessibility#design systems#component library#wcag#tokens#uiux
One-click install
npx skills add https://github.com/yejune/godo --skill persona-brand-domain-uiux
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: {{persona::BRAND}}-domain-uiux
Source: https://github.com/yejune/godo/tree/main/core/skills/domain-uiux
Command: npx skills add https://github.com/yejune/godo --skill persona-brand-domain-uiux

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides comprehensive guidance and implementation patterns for building robust, accessible, and user-friendly UI/UX design systems.

Core Features & Use Cases

  • Design Systems: Implement W3C DTCG 2025.10 token standards, atomic design, and theming.
  • Accessibility: Ensure WCAG 2.2 AA/AAA compliance, keyboard navigation, and screen reader optimization.
  • Component Architecture: Develop reusable UI components using patterns like React 19 and Vue 3.5.
  • Use Case: When designing a new enterprise application, use this Skill to establish a consistent design system, build accessible components, and ensure cross-platform compatibility.

Quick Start

Use the {{persona::BRAND}}-domain-uiux skill to generate a React button component with accessibility features.

Frequently Asked Questions about {{persona::BRAND}}-domain-uiux

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

FAQPage Schema
How do I build a UI component library that meets WCAG 2.2 accessibility standards?▼

To build an accessible UI component library, implement WCAG 2.2 AA/AAA compliance by ensuring proper keyboard navigation and screen reader optimization using established component architecture patterns.

What is the W3C DTCG 2025.10 standard for design tokens?▼

The W3C DTCG 2025.10 token standard defines how to structure and implement theming variables in a design system, ensuring consistent UI properties across different platforms and frameworks.

How to implement atomic design in React 19 or Vue 3.5 applications?▼

Implement atomic design in React 19 or Vue 3.5 by structuring reusable UI components from basic elements into complex templates, following best practices for enterprise-grade component architecture.

Can I use this design system approach for enterprise applications?▼

Yes, this approach is designed for enterprise applications, providing comprehensive patterns to establish consistent design systems, build accessible components, and ensure cross-platform compatibility.

Does this guide cover screen reader optimization and keyboard navigation?▼

Yes, the guide covers screen reader optimization and keyboard navigation as core accessibility features to ensure WCAG 2.2 AA/AAA compliance for your UI components.

What is the best way to manage design tokens for cross-platform compatibility?▼

The best way to manage design tokens for cross-platform compatibility is applying the W3C DTCG 2025.10 token standards alongside atomic design principles to maintain consistent theming across enterprise applications.

Related Skills

Explore More Design & Creative Skills→
windyskywindysky

moai-domain-frontend

Guide React 19, Next.js 16, and Vue 3.5 frontend architecture with reusable components.

Community
Advanced
SayBGMSayBGM

moai-domain-uiux

Guide UI/UX design systems with W3C DTCG tokens and WCAG 2.2 compliance.

Community
Advanced
seo-jinseokseo-jinseok

moai-domain-uiux

Guide UI/UX design systems with W3C DTCG 2025.10 tokens and WCAG 2.2 compliance.

Community
Advanced
falconntfalconnt
3

using-fluent-ui

Implement Fluent UI v2 components in React and Blazor applications.

Community
Intermediate