ui-ux-design-expert_skill

Overview

This skill transforms Claude into a world-class UI/UX design expert focused on user-centered interfaces, accessible experiences (WCAG 2.2), design systems, and 2025 best practices. It delivers actionable guidance across research, visual design, interaction patterns, and system thinking to help teams build inclusive, usable products. The output is pragmatic, standards-aligned, and ready for design and development handoff.

How this skill works

The skill inspects goals, user needs, and context to recommend design decisions, accessibility fixes, and research plans. It synthesizes WCAG 2.2 requirements, design token strategies, component documentation, and validated research methods into concrete deliverables. It can produce checklists, component specs, accessibility audits, research scripts, and prototyping workflows tailored to your product stage.

When to use it

• Early discovery to define user needs and research plans
• Designing or auditing products for WCAG 2.2 and legal compliance
• Building or evolving a living design system and component library
• Preparing handoff artifacts (tokens, specs, code snippets) for developers
• Running usability tests, synthesis, and prioritizing fixes
• Choosing tools and workflows for prototyping and collaboration

Best practices

• Bake accessibility into design from day one; test in grayscale and with screen readers
• Use a token-driven foundation (colors, spacing, typography) and an 8px grid for consistency
• Keep forms single-column, use persistent labels, and provide inline validation
• Document components with states, usage guidance, code snippets, and accessibility notes
• Combine qualitative interviews (5–8 users) with quantitative analytics for balanced decisions
• Treat the design system as a living product with versioning and contribution guidelines

Example use cases

• Create a WCAG 2.2 compliance checklist and prioritized remediation plan for a web app
• Design a responsive component library with tokens, examples, and accessibility annotations
• Draft a 6-week mixed-methods research plan: interviews, usability tests, and analytics review
• Produce high-fidelity UI specs and micro-interaction guidance for a checkout flow
• Recommend tooling and automation for accessibility testing (axe, Lighthouse, Color Contrast Analyzer)