Can it help design mobile interfaces?

Yes, it includes touch target guidelines (44x44px), mobile-specific interaction patterns like pull-to-refresh, and responsive layout principles.

What UX principles are covered by this skill?

It covers foundational UX laws like Fitts's Law for target reach, Hick's Law for decision making, and Miller's Law for cognitive load management.

Does it provide code examples for UX patterns?

Yes, it includes TypeScript and TSX snippets for common interactions, accessible form labels, and immediate feedback systems.

How does this skill help with accessibility?

It provides WCAG compliance checklists and CSS implementation patterns for focus states, ARIA labels, and keyboard navigation to ensure your app is usable by everyone.

Product UX Design Guide

Name: Product UX Design Guide
Author: Genuineh

byGenuineh

0•

Herramientas de Diseño

Provides comprehensive UX design principles, interaction patterns, and accessibility standards to build intuitive user interfaces.

The product-ux skill serves as an expert consultant for user experience design, offering Claude structured guidance on interaction patterns, form layout, and usability principles. It empowers developers to implement professional UI/UX standards—such as Hick's Law and WCAG accessibility requirements—ensuring that digital products are not only functional but also intuitive, responsive, and user-centric across web and mobile platforms. Whether you are building complex forms or optimizing mobile navigation, this skill provides the logical framework needed to improve user satisfaction and task success rates.

Características Principales

01Core UX laws and psychological principles for interface design

02Comprehensive form design and error handling strategies

030 GitHub stars

04WCAG accessibility (a11y) checklists and implementation guides

05Standardized interaction patterns and user flow documentation

06Mobile-first touch guidelines and responsive navigation patterns

Casos de Uso

01Auditing existing interfaces for accessibility and usability compliance

02Implementing standard UI patterns like progressive disclosure and skeleton screens

03Designing intuitive multi-step form flows with inline validation

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add genuineh/fus product-ux

For use in Claude.ai and ChatGPT