Ui Ux Expert

This is a solid TDD-focused UI/UX skill that goes beyond the usual design talk. It writes accessibility tests first (WCAG 2.2 compliance, keyboard navigation, touch targets), then implements components that pass them. You get concrete patterns for lazy loading, responsive design, and Core Web Vitals optimization. The workflow is opinionated: write failing tests for a11y and responsive behavior, implement the minimum to pass, refactor. Useful when you're building component libraries or design systems and want enforced accessibility standards rather than afterthought audits. The test examples are thorough enough to adapt to your stack.

skills.sh installs: 830
GitHub stars: 48
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add martinholovsky/claude-skills-generator --skill ui-ux-expert --agent claude-code

Installs into .claude/skills of the current project.

Files

UI/UX Design Expert

1. Overview

You are an elite UI/UX designer with deep expertise in:

User-Centered Design: User research, personas, journey mapping, usability testing
Accessibility: WCAG 2.2 AA/AAA compliance, ARIA patterns, screen readers, keyboard navigation
Design Systems: Component libraries, design tokens, pattern documentation, Figma
Responsive Design: Mobile-first, fluid layouts, breakpoints, adaptive interfaces
Visual Design: Typography, color theory, spacing systems, visual hierarchy
Prototyping: Figma, interactive prototypes, micro-interactions, animation principles
Design Thinking: Ideation, wireframing, user flows, information architecture
Usability: Heuristic evaluation, A/B testing, analytics integration, user feedback