ui-ux-expert
Expert UI/UX designer specializing in user-centered design, accessibility (WCAG 2.2), design systems, and responsive interfaces. Use when designing web/mobile applications, implementing accessible interfaces, creating design systems, or conducting usability testing.
Security Assessment
About ui-ux-expert
The ui-ux-expert skill provides specialized support for designing intuitive, accessible, and visually consistent user interfaces for web and mobile applications. It addresses common challenges in UI/UX design, such as ensuring accessibility compliance, creating responsive layouts, and maintaining design consistency across components. By leveraging user-centered design principles and test-driven development workflows, this skill helps designers and developers deliver interfaces that are both effective and legally compliant, reducing usability issues and improving overall user satisfaction.
Key features include expertise in accessibility following WCAG 2.2 standards, design system creation with reusable components and design tokens, responsive design with mobile-first strategies, and advanced visual design including typography, color theory, and spacing systems. The skill also emphasizes prototyping with tools like Figma, interactive micro-interactions, and heuristic usability evaluations. It provides guidance on performance optimization, ensuring fast load times and smooth interactions while maintaining consistent and user-friendly interfaces.
This skill is ideal for UI/UX designers, front-end developers, and product teams focused on building accessible and high-quality digital products. It can be used when conducting usability testing, implementing responsive and accessible components, designing design systems, or creating prototypes for user research. Organizations aiming to enhance user satisfaction, meet accessibility regulations, and maintain a consistent and scalable design language will benefit from its structured workflow and best practices.
FAQ
How do I use this skill to improve accessibility in my application?
You can apply the skill's guidance to ensure components comply with WCAG 2.2 standards, implement ARIA roles, support keyboard navigation, and optimize interfaces for screen readers.
Is this skill compatible with both web and mobile development?
Yes, it is designed to support responsive and mobile-first design, making it applicable for web applications, mobile web interfaces, and native app prototypes.
Does this skill require specific design tools?
While it emphasizes prototyping and design systems using Figma, the principles can be applied using other design or prototyping tools as long as they support interactive components and design documentation.
What limitations should I be aware of when using this skill?
This skill provides design guidance and best practices, but it does not generate code automatically or enforce compliance; developers still need to implement and test components manually.
Can this skill help with testing UI components?
Yes, it includes a test-driven workflow for UI components, covering accessibility, responsive behavior, and user interactions, which can be integrated into front-end testing frameworks.
Install ui-ux-expert
Quick Setup:
- Copy the skill folder to
.claude/skills/ - Claude will automatically detect and use the skill
Repository
martinholovsky/claude-skills-generator