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

Design Tools

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

About

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

WCAG 2.2 AA/AAA accessibility compliance and automated testing patterns
Atomic Design component architecture for React 19 and Vue 3.5
0 GitHub stars
W3C DTCG 2025.10 compliant design token architecture and transformation
Performance-optimized integration for 10+ icon ecosystems including Lucide and Iconify
Scalable theming systems with light/dark mode and brand customization

Use Cases

Architecting a multi-platform design system from scratch using tokens
Implementing a customizable, themeable UI library using shadcn/ui and Radix UI
Refactoring existing UI components to meet modern accessibility standards

About

Key Features

WCAG 2.2 AA/AAA accessibility compliance and automated testing patterns
Atomic Design component architecture for React 19 and Vue 3.5
0 GitHub stars
W3C DTCG 2025.10 compliant design token architecture and transformation
Performance-optimized integration for 10+ icon ecosystems including Lucide and Iconify
Scalable theming systems with light/dark mode and brand customization

Use Cases

Architecting a multi-platform design system from scratch using tokens
Implementing a customizable, themeable UI library using shadcn/ui and Radix UI
Refactoring existing UI components to meet modern accessibility standards