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

•

Design Tools

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

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.

Key Features

01Mobile-first responsive design strategies and touch target optimization.

02WCAG-compliant accessibility (A11y) patterns and ARIA best practices.

031 GitHub stars

04Perceived performance techniques including skeleton loaders and optimistic updates.

05Robust form UX patterns, error prevention, and empty state management.

06Code-centric implementation of Nielsen's 10 Usability Heuristics.

Use Cases

01Refactoring technical error messages and system logs into user-friendly human language.

02Auditing frontend components for accessibility, keyboard navigation, and focus traps.

03Building responsive, high-performance UI components that follow modern design system standards.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add miles990/claude-software-skills ux-principles

For use in Claude.ai and ChatGPT

Download Skill