ux-designer

Apply WCAG 2.2 AA and responsive UX principles to interface designs.

44|9|Updated Feb 25, 2026
One-click install
npx skills add https://github.com/szilu/ux-designer-skill --skill ux-designer-szilu
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ux-designer
Source: https://github.com/szilu/ux-designer-skill/tree/main
Command: npx skills add https://github.com/szilu/ux-designer-skill --skill ux-designer-szilu

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps teams avoid confusing, inaccessible, inconsistent, or ethically questionable interfaces by applying practical UX and UI design guidance throughout the product lifecycle.

Core Features & Use Cases

  • UX Design and Review: Design or critique layouts, interactions, forms, navigation, onboarding, notifications, dashboards, search experiences, and design systems.
  • Inclusive and Responsible Design: Apply WCAG 2.2 AA principles, responsive and mobile-first patterns, internationalization and RTL support, ethical design standards, and reduced-motion guidance.
  • Specialized Interface Guidance: Plan collaborative products, canvas and whiteboard applications, AI copilots and agents, voice and multimodal interfaces, data visualizations, and performance-conscious loading states.
  • Use Case: Review a web application's signup flow and provide actionable recommendations for accessibility, form validation, mobile responsiveness, microcopy, and user trust.

Quick Start

Use the ux-designer skill to review the attached interface or frontend code and recommend improvements for usability, accessibility, responsive behavior, and interaction design.

Frequently Asked Questions about ux-designer

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I audit my web interface for WCAG 2.2 AA accessibility compliance?

Audit web interfaces for WCAG 2.2 AA accessibility compliance by evaluating keyboard navigation, screen-reader compatibility, and interactive elements against evidence-based UX principles. This process identifies barriers and provides actionable recommendations for inclusive design improvements.

What is the best way to review a mobile signup flow for UX and usability issues?

Reviewing a mobile signup flow for UX and usability involves evaluating form validation, microcopy, responsive behavior, and user trust mechanisms. Applying evidence-based design principles ensures the interface is clear, accessible, and optimized for mobile interactions.

Can I use this approach to design accessible AI copilots and canvas applications?

Yes, you can design accessible AI copilots and canvas applications by applying specialized interaction design guidance. This includes planning collaborative interfaces, multimodal inputs, and whiteboard applications while satisfying ethical design and human-control requirements.

How do I handle internationalization and RTL support in my design system?

Handle internationalization and RTL support in design systems by applying inclusive design patterns that adapt layouts and microcopy for different languages. This ensures interfaces maintain usability and visual integrity across localized and right-to-left environments.

What are the limitations of automated UX reviews for frontend implementations?

Automated UX reviews for frontend implementations cannot fully assess human-control requirements, ethical design nuances, or complex interaction flows. They provide foundational accessibility and layout checks, but human evaluation remains necessary for comprehensive usability validation.

When do I need reduced-motion guidance for my digital product interfaces?

Reduced-motion guidance is needed when designing digital product interfaces to accommodate users with motion sensitivities. Applying these principles ensures animations and transitions do not cause vestibular distress while maintaining functional feedback.