skills.rest
jayteealao
jayteealaoCOMMUNITY
Explore all skills by this author →
GitHub

review:ux

Analyze frontend code and copy to identify accessibility, performance, and usability issues.

Updated Dec 29, 2025
Search Tags:#accessibility#review#ux#code-review#frontend-performance#ux-copy
One-click install
npx skills add https://github.com/jayteealao/Aperture --skill review-ux
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: review:ux
Source: https://github.com/jayteealao/Aperture/tree/main/.claude/skills/review-ux
Command: npx skills add https://github.com/jayteealao/Aperture --skill review-ux

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill automates a UX-focused review to identify accessibility gaps, usability flaws, and copy clarity issues across frontend projects.

Core Features & Use Cases

  • Accessibility audit: checks keyboard navigation, ARIA labeling, and screen-reader compatibility.
  • Frontend performance review: analyzes initial render, bundle size, and rendering bottlenecks.
  • UX copy evaluation: evaluates clarity, consistency, and actionability in on-screen text.
  • Use Case: A product team wants a quick UX pass on a new React app to surface critical issues before release.

Quick Start

Run the UX review using the senior-review-specialist agent on the current working tree:

  • Spawn the senior-review-specialist agent to perform the review.
  • Apply the four checklists: accessibility, frontend-accessibility, frontend-performance, ux-copy.
  • Report issues with severity and actionable recommendations.

Frequently Asked Questions about review:ux

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

FAQPage Schema
How do I automate a UX review for my React app to check accessibility and performance?▼

Automate a UX review by spawning a senior-review-specialist agent that analyzes frontend code and copy to identify accessibility, performance, and usability issues. It reads git diffs to surface actionable improvements with severity ratings across components, styles, and localization.

Can I run an automated accessibility audit on keyboard navigation and ARIA labeling for my Vue project?▼

Yes, you can run an accessibility audit on Vue projects. The review checks keyboard navigation, ARIA labeling, and screen-reader compatibility by applying a dedicated frontend-accessibility checklist to your component code and user-facing artifacts.

What does a frontend performance review cover when analyzing an SPA project?▼

A frontend performance review analyzes initial render, bundle size, and rendering bottlenecks in your SPA project. It applies a frontend-performance checklist to identify rendering issues and provides actionable recommendations for optimization.

How do I evaluate UX copy clarity and consistency in my frontend application?▼

Evaluate UX copy by applying a ux-copy checklist that assesses clarity, consistency, and actionability in on-screen text. The review analyzes your frontend copy alongside code to surface text improvements for better user comprehension.

Does this automated UX review work with git diffs to identify changes in user-facing artifacts?▼

Yes, the automated UX review reads git diffs to identify changes in user-facing artifacts. This allows the senior-review-specialist agent to focus its accessibility, performance, and copy analysis specifically on the modified components and styles in your working tree.

What checklists are applied during an automated UX code review?▼

Four checklists are applied during an automated UX code review: accessibility, frontend-accessibility, frontend-performance, and ux-copy. These checklists guide the senior-review-specialist agent in systematically surfacing actionable improvements across your frontend project.

Related Skills

Explore More Design & Creative Skills→
jayteealaojayteealao

review:all

Run comprehensive code reviews against all 30 checklists from a git diff.

Community
Advanced
curtislmartincurtislmartin

writing-for-interfaces

Rewrite UI text for clarity, consistency, and voice alignment.

Community
Intermediate
NVIDIANVIDIA
33

accessibility

Automate accessibility audits for web components using ESLint and axe-core.

Official
Advanced
OneWave-AIOneWave-AI
245

code-review-pro

Review code for security vulnerabilities, performance bottlenecks, and maintainability issues.

Official
Basic