UI/UX Design Expert

Provide UI/UX design guidance covering WCAG 2.2 accessibility and design systems.

31|5|Updated Oct 25, 2025
One-click install
npx skills add https://github.com/frankxai/claude-skills-library --skill ui-ux-design-expert
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: UI/UX Design Expert
Source: https://github.com/frankxai/claude-skills-library/tree/main/free-skills/ui-ux-design-expert
Command: npx skills add https://github.com/frankxai/claude-skills-library --skill ui-ux-design-expert

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Designers and developers frequently struggle to create truly inclusive and compliant digital experiences, especially with the complexities of WCAG 2.2 and the looming European Accessibility Act (EAA) deadline. This Skill provides world-class guidance to ensure your interfaces are accessible, user-friendly, and meet the latest 2025 design and regulatory standards.

Core Features & Use Cases

  • WCAG 2.2 Compliance: Master perceivable, operable, understandable, and robust design principles to meet global accessibility standards and avoid legal risks.
  • Design Systems: Build scalable component libraries, consistent visual foundations, and efficient design-to-development workflows.
  • User Research: Apply qualitative and quantitative methodologies to inform design decisions, ensuring your products truly meet user needs.
  • Use Case: Get step-by-step instructions to ensure your new web application meets WCAG 2.2 contrast ratios, keyboard navigation, and screen reader support, expanding your user base and enhancing brand reputation.

Quick Start

"Help me implement WCAG 2.2 accessibility using the UI/UX Design Expert skill"

Frequently Asked Questions about UI/UX Design Expert

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

FAQPage Schema
How do I ensure my website meets WCAG 2.2 accessibility standards?

WCAG 2.2 compliance requires applying POUR principles—perceivable, operable, understandable, robust—across design and development. Implement sufficient color contrast ratios, keyboard navigation, screen reader support, and ARIA practices. This Skill provides step-by-step guidance to audit and remediate interfaces against current standards and avoid legal risk.

What's the best way to build a design system that scales across teams?

A scalable design system centralizes component libraries, design tokens, and visual foundations to ensure consistency and efficiency. Define reusable components, document accessibility requirements upfront, and establish clear design-to-development workflows. This approach reduces rework and accelerates delivery across products.

How do I conduct user research to inform design decisions?

User research combines qualitative methods—interviews, usability testing—and quantitative approaches—surveys, analytics—to validate assumptions and uncover real user needs. Apply findings to design iterations, prioritizing accessibility and inclusive patterns. This ensures your product genuinely serves your audience.

Can I create an accessible component library using Figma and design tokens?

Yes. Use Figma to design components with accessibility built in—keyboard states, color contrast, ARIA naming conventions—then define design tokens for systematic reuse. Document accessibility requirements and implementation guidelines so developers can build compliant interfaces consistently.

What does inclusive design mean and why does it matter for web applications?

Inclusive design creates interfaces usable by everyone, regardless of ability or context. It applies POUR principles, WCAG 2.2 compliance, and user research to remove barriers. This expands your user base, improves SEO, reduces legal risk under regulations like the EAA, and strengthens brand reputation.

How do I prepare for the European Accessibility Act (EAA) deadline?

The EAA requires digital accessibility compliance by a regulatory deadline. Conduct WCAG 2.2 accessibility audits, prioritize remediation, document compliance efforts, and establish ongoing testing with assistive technologies. Start now to avoid legal exposure and ensure your services remain accessible to all users.