Can I use this for mobile-first development?

Absolutely. The skill emphasizes a mobile-first approach with specific breakpoints and adaptation strategies like stacking, reflowing, and resizing.

Does this skill provide actual code for UI components?

Yes, it provides CSS snippets for responsive breakpoints, layout structures, and typography scales, along with structural patterns for components like cards and dashboards.

Is this skill compliant with web accessibility standards?

Yes, it includes specific requirements for WCAG AA color contrast (4.5:1) and semantic color usage to ensure inclusive design.

How does this help with user feedback in apps?

It provides standardized patterns for immediate feedback, such as button press states, loading indicators, and clear success or error messaging.

UI/UX Design Standards

Name: UI/UX Design Standards
Author: eyadsibai

byeyadsibai

0•

디자인 도구

Applies professional UI/UX design principles and implementation patterns to create intuitive, responsive, and accessible user interfaces.

The UI/UX Design skill equips Claude with a comprehensive framework for making informed design decisions during frontend development. It provides structured guidance on visual hierarchy, typography scales, and layout patterns like cards and dashboards. By following established industry standards for spacing, responsive breakpoints, and WCAG-compliant color contrast, this skill ensures that generated interfaces are not only aesthetically pleasing but also functional and inclusive. It is particularly useful for developers building new applications who need to establish a consistent design system and handle complex UX states like loading indicators, empty states, and error messaging.