Agent skill · design visual · rknall
UI/UX Design Review
Comprehensive design review for websites and desktop applications with extensive accessibility analysis. Use this skill when users ask you to review UI/UX designs, wireframes, mockups, prototypes, or deployed interfaces for usability, accessibility (WCAG compliance), visual design, interaction patterns, responsive design, and best practices for web and desktop applications.
Why this skill is useful
Provides a detailed framework for evaluating UI/UX designs with a focus on accessibility compliance and best practices that the AI wouldn't reliably generate on its own.
What it needs
About 12k tokens when loaded. Last updated 2025-10-20. 58 stars on the source repository.
What this skill does
UI/UX Design Review This skill provides comprehensive design review capabilities for websites and desktop applications, with a strong focus on accessibility compliance and best practices. When to Use This Skill Activate this skill when the user requests: Review of UI/UX designs, wireframes, or mockups Accessibility audit (WCAG 2.1/2.2 compliance) Usability assessment Visual design critique Interaction pattern review Responsive design evaluation Design system assessment Component library review User flow analysis Information architecture review Desktop application UI review Review Framework 1. Initial Analysis When a user provides a design or interface, begin by: 1. Understanding Context Ask clarifying questions about: Target audience and personas Platform(s): web, desktop (Windows/Mac/Linux), mobile Accessibility requirements and compliance level needed Brand guidelines or design system in use User research or testing conducted Technical constraints Browser/OS support requirements Key user goals and tasks 2. Design Artifact Analysis If designs, screenshots, or prototypes are provided, analyze: Visual hierarchy and layout Color usage and contrast Typography and readability Component patterns and consistency Navigation structure Interactive elements Responsive behavior State variations (hover, active, disabled, error, etc.) 2. Comprehensive Review Areas Evaluate the design across these dimensions: A. Accessibility (WCAG 2.1/2.2 Compliance) This is a CRITICAL area that must be thoroughly reviewed for all interfaces. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills rknall/ui-design-review