skills.rest
williamw
williamwCOMMUNITY
Explore all skills by this author →
GitHub

design-qa

Review UI outputs for WCAG 2.2 compliance and visual consistency.

Updated Aug 23, 2026
Search Tags:#accessibility#WCAG#readability#visual consistency#mobile UX#UI quality assurance
One-click install
npx skills add https://github.com/williamw/agent-skills --skill design-qa-williamw
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-qa
Source: https://github.com/williamw/agent-skills/tree/main/skills/design-qa
Command: npx skills add https://github.com/williamw/agent-skills --skill design-qa-williamw

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill provides a comprehensive review of UI quality, ensuring WCAG 2.2 compliance, readability, visual consistency, and identifying general errors in UI outputs.

Core Features & Use Cases

  • WCAG 2.2 Compliance: Checks for accessibility requirements to ensure inclusivity.
  • Readability: Audits text size, line length, and typographic hierarchy.
  • Visual Consistency: Ensures consistent spacing, alignment, and color usage.
  • General Errors: Identifies broken layouts, placeholder content, and other UI issues.
  • Mobile-Specific UX: Reviews mobile usability, including thumb zone and scroll friction.
  • Use Case: Before shipping a new UI design, use this Skill to ensure it meets all quality standards and is accessible to all users.

Quick Start

Run the design-qa skill on your UI output to perform a quality review.

Frequently Asked Questions about design-qa

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

FAQPage Schema
How do I check my UI design for WCAG 2.2 compliance before shipping?▼

To check WCAG 2.2 compliance, run a UI quality assurance review that audits your output against accessibility requirements, readability, and visual consistency, returning a structured findings report with severity ratings and actionable fixes.

What is a UI quality assurance review and how does it work?▼

A UI quality assurance review is an automated audit that checks UI outputs for WCAG 2.2 accessibility, readability, visual consistency, and general errors like broken layouts, providing actionable fixes rated by severity.

Can I review mobile UX usability and thumb zones for my interface?▼

Yes, you can review mobile UX usability by auditing thumb zones, scroll friction, and general mobile-specific errors, ensuring your interface meets quality standards and provides accessible mobile interactions.

How do I fix visual consistency and readability issues in my web application?▼

To fix visual consistency and readability issues, run a UI quality assurance audit that checks typographic hierarchy, spacing, alignment, and color usage, delivering a structured report with severity ratings and specific actionable fixes.

Does the UI quality assurance audit identify general errors like broken layouts and placeholder content?▼

Yes, the UI quality assurance audit identifies general errors including broken layouts, placeholder content, and other UI issues, evaluating them alongside accessibility and visual consistency to generate a comprehensive structured findings report.

Related Skills

Explore More Design & Creative Skills→
Ritik-Sharma1Ritik-Sharma1

ui-visual-validator

Validate UI components and pages for design system compliance and accessibility.

Community
Advanced
jkhowlandjkhowland

audit

Audit frontend UIs for accessibility, performance, theming, and responsive design issues.

Community
Advanced
DanifelipaezDanifelipaez
1

accessibility

Automate web content evaluation against WCAG 2.2 accessibility standards.

Community
Advanced
686f6c61686f6c61
105

accessibility-audit

Audit web content against WCAG 2.1 Level AA guidelines.

Community
Advanced