Does this skill support both React and Vue?

Yes, it provides component architecture patterns and implementation examples for both React 19 and Vue 3.5.

What frameworks are supported for styling?

The skill primarily utilizes Tailwind CSS 3.4 and native CSS variables for flexible, scalable theming and brand customization.

Can I use specific icon libraries?

Yes, it supports over 10 ecosystems including Lucide, React Icons, Tabler, and Iconify with a focus on tree-shaking for optimal bundle sizes.

What are design tokens in this context?

It follows the W3C DTCG 2025.10 specification for design tokens, ensuring a single source of truth for design decisions across platforms using tools like Style Dictionary.

How does it handle accessibility?

It enforces WCAG 2.2 AA/AAA standards, covering color contrast, keyboard navigation, ARIA attributes, and focus management.

Enterprise UI/UX & Design Systems

Name: Enterprise UI/UX & Design Systems
Author: zellycloud

byzellycloud

0•

Design Tools

Provides enterprise-grade UI/UX foundations, design system tokens, and accessible component architectures for modern web applications.

This skill empowers Claude to act as a senior UI/UX engineer, implementing sophisticated design systems based on W3C DTCG 2025.10 standards and WCAG 2.2 accessibility guidelines. It facilitates the creation of robust component libraries using React 19 or Vue 3.5, integrates extensive icon ecosystems, and sets up scalable theming systems with Tailwind CSS and CSS variables. It is ideal for developers building professional web interfaces that require strict adherence to design tokens, accessibility compliance, and atomic design principles.

Key Features

01WCAG 2.2 AA/AAA accessibility compliance and automated testing patterns

02Atomic Design component architecture for React 19 and Vue 3.5

030 GitHub stars

04W3C DTCG 2025.10 compliant design token architecture and transformation

05Performance-optimized integration for 10+ icon ecosystems including Lucide and Iconify

06Scalable theming systems with light/dark mode and brand customization

Use Cases

01Architecting a multi-platform design system from scratch using tokens

02Implementing a customizable, themeable UI library using shadcn/ui and Radix UI

03Refactoring existing UI components to meet modern accessibility standards

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add zellycloud/zyflow moai-domain-uiux

For use in Claude.ai and ChatGPT

Download Skill