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.

主要功能

01Performance optimization through smart defaults and reduced cognitive load

02Mobile-first responsive design across standard device breakpoints

03Accessibility auditing and WCAG-compliant semantic HTML implementation

04Information architecture planning with clear visual hierarchy

0530 GitHub stars

06Implementation of modern interaction patterns using Stimulus and Turbo

使用场景

01Refactoring a complex dashboard to improve information hierarchy and user flow

02Ensuring a web application meets accessibility standards for keyboard navigation and screen readers

03Building a mobile-responsive interface with touch-friendly interaction targets

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add aviflombaum/claude-code-in-avinyc ux-ui

For use in Claude.ai and ChatGPT

Download Skill