skills.rest
zzafergok
zzafergokCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

ui-ux-audit-specialist

Audits UI components and pages for WCAG AA compliance and design-system conformance.

1|1|Updated Mar 22, 2026
Search Tags:#ui#performance#accessibility#audit#responsive#design-system#ux-writing
One-click install
npx skills add https://github.com/zzafergok/skills --skill ui-ux-audit-specialist
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-audit-specialist
Source: https://github.com/zzafergok/skills/tree/main/08-engineering-quality/ui-ux-audit-specialist
Command: npx skills add https://github.com/zzafergok/skills --skill ui-ux-audit-specialist

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps product teams and developers ensure UI components and pages meet accessibility standards, design system rules, and UX writing quality, reducing usability risk and rework.

Core Features & Use Cases

  • Accessibility auditing against WCAG AA for components, pages, and interactions.
  • Design system conformance checks including tokens, typography, spacing, and color contrast.
  • UX copy quality assessment, responsive behavior validation, and performance considerations.
  • Use Case: When PR reviews require UI reviews or audits for accessible components, this Skill can be invoked to generate a compliance report and remediation steps.

Quick Start

Audit the provided UI file for accessibility, design-system conformance, responsive behavior, and UX copy quality, then output a prioritized remediation plan.

Frequently Asked Questions about ui-ux-audit-specialist

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

FAQPage Schema
How do I audit UI components for WCAG AA compliance?▼

Auditing UI for WCAG AA compliance involves reviewing components and pages to check color contrast, typography, and interactive elements, generating a prioritized remediation plan to resolve accessibility violations and ensure standard conformance.

What is the best way to check design system conformance in a pull request?▼

The best way to check design system conformance in a pull request is to validate design-token parity, typography, and spacing rules against UI components, producing a compliance report with actionable steps to prevent design drift and rework.

Can I validate responsive behavior and UX writing quality during a UI review?▼

You can validate responsive behavior and UX writing quality during a UI review by assessing web interfaces for layout adaptability and copy clarity, producing a comprehensive report that highlights compliance issues and recommended remediation steps.

Does this UI audit process evaluate performance considerations?▼

The UI audit process evaluates performance considerations alongside accessibility and design system rules, analyzing web interfaces to identify performance bottlenecks and generating remediation steps to optimize overall component rendering and user experience.

When do I need an accessibility audit for web interfaces?▼

You need an accessibility audit for web interfaces during PR reviews or pre-launch checks to ensure pages meet WCAG AA standards, maintain design-token parity, and achieve UX writing quality, thereby minimizing usability risks and downstream rework.

Related Skills

Explore More Design & Creative Skills→
rakibulismrakibulism
2

design-token-architect

Design or audit design token systems with primitive, semantic, and component layers.

Community
Advanced
k2worksk2works

developing-uiux-review

Review UI/UX deliverables for usability, accessibility, and Material Design 3 compliance.

Community
Advanced
davidrrowleydavidrrowley

frontend-design-review

Review frontend interfaces for design quality and WCAG accessibility compliance.

Community
Intermediate
Sumeet138Sumeet138
1

wcag-audit-patterns

Identify and remediate WCAG 2.2 accessibility violations on websites.

Community
Advanced