How does the UX/UI skill improve my app's accessibility?

The skill provides specific guidance on using proper semantic HTML, ARIA labels, and keyboard navigation support to ensure your interfaces meet WCAG standards.

When should I invoke the ux-ui skill?

You should trigger this skill when designing new layouts, improving usability, planning information architecture, or whenever you need to ensure a frictionless user experience.

What interaction patterns does this skill support?

It focuses on modern, performant patterns including Stimulus controllers, Turbo Frames, and AJAX to favor progressive enhancement over full page refreshes.

Can this skill help with mobile responsiveness?

Yes, it advocates for a mobile-first approach, recommending flexible grids, fluid typography, and touch-friendly targets of at least 44x44px.

UX/UI Design Expert

Name: UX/UI Design Expert
Author: aviflombaum

byaviflombaum

•

디자인 도구

Generates intuitive, accessible, and high-performance user interfaces based on professional design principles and modern interaction patterns.

소개

The UX/UI skill for Claude Code empowers developers to create user-centric digital experiences by applying professional design standards directly to their codebases. It provides domain-specific guidance on information architecture, mobile-first responsiveness, and accessibility compliance (WCAG), while favoring modern interaction patterns like Turbo and Stimulus. This skill is particularly useful when planning new feature layouts, improving existing site usability, or ensuring that web applications remain frictionless and performant across all devices and screen sizes.

주요 기능

Performance optimization through smart defaults and reduced cognitive load
Mobile-first responsive design across standard device breakpoints
Accessibility auditing and WCAG-compliant semantic HTML implementation
Information architecture planning with clear visual hierarchy
30 GitHub stars
Implementation of modern interaction patterns using Stimulus and Turbo

사용 사례

Refactoring a complex dashboard to improve information hierarchy and user flow
Ensuring a web application meets accessibility standards for keyboard navigation and screen readers
Building a mobile-responsive interface with touch-friendly interaction targets

소개

주요 기능

Performance optimization through smart defaults and reduced cognitive load
Mobile-first responsive design across standard device breakpoints
Accessibility auditing and WCAG-compliant semantic HTML implementation
Information architecture planning with clear visual hierarchy
30 GitHub stars
Implementation of modern interaction patterns using Stimulus and Turbo

사용 사례

Refactoring a complex dashboard to improve information hierarchy and user flow
Ensuring a web application meets accessibility standards for keyboard navigation and screen readers
Building a mobile-responsive interface with touch-friendly interaction targets