ux-review

Review edited UI files for accessibility, visual harmony, and consistency issues.

Updated Mar 2, 2026

Search Tags:#accessibility #visual design #wcag #ux review #component review #ui consistency

Ready to run

npx skills add https://github.com/supermalang/ai-augmented-coding --skill ux-review-supermalang

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: ux-review
Source: https://github.com/supermalang/ai-augmented-coding/tree/main/.claude/skills/ux-review
Command: npx skills add https://github.com/supermalang/ai-augmented-coding --skill ux-review-supermalang

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps you catch visual, accessibility, and consistency issues in edited UI pages and components before they reach users, reducing polish bugs and review churn.

Core Features & Use Cases

Visual harmony checks: Compare the changed UI against nearby pages to catch spacing, alignment, hierarchy, and responsive layout drift.
Accessibility review: Validate labels, focus order, status cues, dialogs, and other WCAG-related requirements that affect usability.
Design-convention enforcement: Verify that badges, icons, component usage, and UI language match the project's established rules.
Use case: After a page refactor or component tweak, run this Skill to produce a structured review report with severity, line references, and suggested fixes.

Quick Start

Use the ux-review skill to inspect the current UI changes for accessibility, layout consistency, and design-rule violations.

Frequently Asked Questions about ux-review

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

FAQPage Schema

How do I check UI components for WCAG 2.1 AA accessibility issues before shipping?▼

To check UI components for accessibility, review edited files against WCAG 2.1 AA expectations to validate labels, focus order, and status cues. This process identifies usability barriers in dialogs and components, ensuring your interface meets required accessibility standards before release.

What is the best way to catch visual design and layout regressions in edited UI pages?▼

The best way to catch visual design and layout regressions is to compare the edited UI against neighboring page patterns. This visual harmony check detects spacing, alignment, and hierarchy drift, ensuring your UI changes maintain consistent responsive layouts across the application.

How do I enforce UI consistency and design conventions across different modules?▼

To enforce UI consistency across modules, verify that badges, icons, and component usage match your project's established conventions. Cross-page comparison checks detect language and pattern deviations, ensuring new changes align with the broader design system rules.

Can I automate a UX review for a page refactor to fix polish bugs and review churn?▼

Yes, you can automate a UX review after a page refactor by inspecting the current UI changes. The review produces a structured report with severity levels, line references, and suggested fixes, directly reducing polish bugs and minimizing review churn.

Does a UX review require project conventions and neighboring module patterns to work?▼

Yes, a thorough UX review requires project conventions, WCAG 2.1 AA expectations, and neighboring module patterns as input. Providing this context allows the review to accurately evaluate visual harmony and produce actionable, context-aware findings for your UI.