How does it help with web accessibility (A11y)?

It provides specific implementation patterns for semantic HTML, ARIA roles, keyboard focus management, and color contrast requirements to ensure compliance with WCAG 2.1+.

Can this skill help improve mobile usability?

Yes, it includes guidelines for mobile-first CSS architecture, minimum touch target sizes, and responsive grid layouts to ensure a seamless experience across devices.

What core UX concepts does this skill cover?

The skill focuses on Nielsen's 10 Usability Heuristics, WCAG accessibility standards, responsive design, perceived performance, and advanced form UX patterns.

Does it provide guidance on error handling?

Absolutely. It emphasizes error prevention through input constraints and clear, human-readable feedback rather than showing technical system errors to end-users.

UX Design Principles for Developers

Name: UX Design Principles for Developers
Author: miles990

bymiles990

•

Herramientas de Diseño

Integrates essential user experience principles, accessibility standards, and responsive design patterns directly into your development workflow.

Acerca de

This skill equips Claude with deep knowledge of user experience (UX) design specifically tailored for software engineers. It provides actionable guidance on implementing Nielsen's usability heuristics, WCAG accessibility compliance (A11y), mobile-first responsive design, and performance-driven UX patterns. By bridging the gap between technical implementation and user-centric design, it helps developers build more intuitive, accessible, and professional-grade interfaces while avoiding common pitfalls like technical jargon, poor focus management, or inaccessible navigation.

Características Principales

Mobile-first responsive design strategies and touch target optimization.
WCAG-compliant accessibility (A11y) patterns and ARIA best practices.
1 GitHub stars
Perceived performance techniques including skeleton loaders and optimistic updates.
Robust form UX patterns, error prevention, and empty state management.
Code-centric implementation of Nielsen's 10 Usability Heuristics.

Casos de Uso

Refactoring technical error messages and system logs into user-friendly human language.
Auditing frontend components for accessibility, keyboard navigation, and focus traps.
Building responsive, high-performance UI components that follow modern design system standards.

Acerca de

Características Principales

Mobile-first responsive design strategies and touch target optimization.
WCAG-compliant accessibility (A11y) patterns and ARIA best practices.
1 GitHub stars
Perceived performance techniques including skeleton loaders and optimistic updates.
Robust form UX patterns, error prevention, and empty state management.
Code-centric implementation of Nielsen's 10 Usability Heuristics.

Casos de Uso

Refactoring technical error messages and system logs into user-friendly human language.
Auditing frontend components for accessibility, keyboard navigation, and focus traps.
Building responsive, high-performance UI components that follow modern design system standards.