skills.rest
ngochuy13
ngochuy13COMMUNITY
Explore all skills by this author →
GitHub

design-reviewer

Review UI/UX design artifacts for WCAG 2.1 AA accessibility and design-system adherence.

Updated Apr 23, 2026
Search Tags:#accessibility#design system#usability#ui audit#ux review#design feedback#wcag 2.1
One-click install
npx skills add https://github.com/ngochuy13/intern-dev --skill design-reviewer-ngochuy13
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-reviewer
Source: https://github.com/ngochuy13/intern-dev/tree/main/skills/design-reviewer
Command: npx skills add https://github.com/ngochuy13/intern-dev --skill design-reviewer-ngochuy13

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps you catch usability, consistency, accessibility, and design-system gaps in UI/UX designs early, reducing rework and preventing accessibility regressions.

Core Features & Use Cases

  • Design audits for consistency & usability: Evaluates visual hierarchy, spacing/typography, component alignment, and interaction patterns against expected UI quality and layout rules.
  • WCAG 2.1 AA accessibility checks: Assesses contrast, readability, keyboard navigation, and touch target sizing to flag issues that block compliant experiences.
  • Actionable, severity-based feedback: Produces findings categorized by Must Fix, Should Fix, and Nice to Have so teams can prioritize fixes before handoff.

Quick Start

Review this UI mockup for my product and check it for design-system adherence, usability, and WCAG 2.1 AA accessibility.

Frequently Asked Questions about design-reviewer

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

FAQPage Schema
How do I check my UI mockup for WCAG 2.1 AA accessibility issues?▼

To check UI mockups for WCAG 2.1 AA accessibility issues, submit screenshots or wireframes to evaluate contrast thresholds, keyboard navigation, touch target sizing, and interaction-state coverage.

What is a UX review for design-system adherence?▼

A UX review for design-system adherence evaluates visual hierarchy, spacing, typography, and component alignment in UI artifacts to identify consistency gaps before implementation begins.

Can I run a usability audit on wireframes before development?▼

Yes, you can run usability audits on wireframes before development by analyzing the mockups to catch interaction pattern issues, layout problems, and usability gaps early to reduce rework.

How do I prioritize UX and accessibility findings from a UI audit?▼

You prioritize UI audit findings using severity-categorized feedback that classifies UX and accessibility issues into Must Fix, Should Fix, and Nice to Have categories for pre-launch triage.

Does this UX review tool validate responsive behavior across platforms?▼

Yes, this UX review tool validates responsive behavior across specified platforms or brands by reviewing submitted design artifacts to ensure layout and interaction consistency.

Related Skills

Explore More Design & Creative Skills→
dnkrowdnkrow
1

brandkit

Generate brand-kit overview images with structured logo and panel layouts.

Community
Advanced
sun2443sun2443

accessibility-review

Audits designs/pages against WCAG 21 AA producing severity-ranked issue reports with mapping to criteria.

Community
Intermediate
GyananoGyanano
5

normalize

Audit UI features against design system tokens and generate a normalization plan.

Community
Advanced
airoweairowe
14

Accessibility Audit Skill

Audit web projects for WCAG 2.1 violations using axe-core and eslint-plugin-jsx-a11y.

Community
Advanced