skills.rest
rknall
rknallCOMMUNITY
Explore all skills by this author →
GitHub

UI/UX Design Review

Evaluate UI/UX designs for WCAG 2.1/2.2 accessibility and usability issues.

58|8|Updated Oct 18, 2025
Search Tags:#accessibility#a11y#WCAG#UI#UX#responsive#design-review
One-click install
npx skills add https://github.com/rknall/claude-skills --skill ui-ux-design-review
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: UI/UX Design Review
Source: https://github.com/rknall/claude-skills/tree/main/ui-design-review
Command: npx skills add https://github.com/rknall/claude-skills --skill ui-ux-design-review

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Designers and product teams often struggle to ensure interfaces are accessible, usable, and visually cohesive. This skill provides a structured, executive-level review that highlights accessibility gaps, visual design issues, and usability improvements to ship better products faster.

Core Features & Use Cases

  • Accessibility-Centric: Comprehensive WCAG 2.1/2.2 checks across critical criteria
  • Visual Design Assessment: Typography, color, layout, and consistency evaluation
  • UX & Usability Analysis: User flows, navigation, cognitive load, and feedback critique
  • Responsive & Platform Coverage: Web and desktop patterns across breakpoints
  • Design System & Tokens: Pattern library consistency and design token guidance

Quick Start

Describe your design or attach screenshots, then ask the assistant to perform a full design review and accessibility audit (e.g., "Review this homepage for WCAG AA compliance.")

Frequently Asked Questions about UI/UX Design Review

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

FAQPage Schema
How do I audit a design for WCAG accessibility compliance?▼

WCAG accessibility audits systematically evaluate designs against WCAG 2.1/2.2 criteria, checking color contrast, keyboard navigation, screen-reader compatibility, semantic HTML, ARIA labeling, and focus management. This Skill performs a comprehensive review identifying gaps and providing actionable remediation across wireframes, mockups, prototypes, or deployed interfaces.

Can I use this to review responsive design across different breakpoints?▼

Yes. This Skill evaluates responsive behavior and platform coverage across breakpoints for both web and desktop applications, assessing layout consistency, typography scaling, touch targets, and interaction patterns to ensure usability across screen sizes.

What UI/UX issues does a design review typically catch?▼

A structured design review identifies accessibility gaps, visual design inconsistencies in typography and color, usability friction in navigation and forms, cognitive load problems, interaction pattern violations, and design-system token misalignment—all assessed against WCAG standards and best practices.

Do I need screenshots or can I review from wireframes?▼

This Skill works with multiple design stages: wireframes, mockups, prototypes, and deployed interfaces. Describe your design or attach screenshots to receive a full accessibility audit and usability assessment regardless of fidelity level.

How does this help with design system consistency?▼

Design-system evaluation checks pattern library consistency and design token guidance, ensuring components align with established conventions and accessibility requirements across your interface inventory.

Related Skills

Explore More Design & Creative Skills→
carlheathcarlheath
9

design

Create wireframes, mockups, and prototypes for user-centered interfaces.

Community
Advanced
t-stringst-strings

Frontend Accessibility

Review frontend UI code for HTML semantics, ARIA, keyboard navigation, and contrast.

Official
Basic
89jobrien89jobrien
4

web-accessibility

Audit web content for WCAG 2.1/2.2 conformance and accessibility issues.

Community
Advanced
CrazyDubyaCrazyDubya

accessibility-auditor

Audit web applications for WCAG 2.1 Level AA accessibility compliance.

Community
Intermediate