skills.rest
ReefBytes
ReefBytesCOMMUNITY
Explore all skills by this author →
GitHub

ux-review

Audit HTML, JSX, and TSX projects for WCAG 2.2 accessibility and responsive design issues.

1|Updated Aug 16, 2025
Search Tags:#performance#accessibility#audit#wcag#ux#responsive-design
One-click install
npx skills add https://github.com/ReefBytes/Manifest --skill ux-review
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ux-review
Source: https://github.com/ReefBytes/Manifest/tree/main/configs/claude/skills/ux-review
Command: npx skills add https://github.com/ReefBytes/Manifest --skill ux-review

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Automated UX auditing helps teams quickly identify accessibility, responsiveness, and performance gaps in frontend code, reducing manual review time and ensuring inclusive design.

Core Features & Use Cases

  • Accessibility checks for WCAG 2.2 compliance
  • Responsive design validation and performance budgeting
  • Keyboard navigation and screen reader compatibility assessments
  • Use case: integrate into QA, design reviews, and CI pipelines to surface and prioritize issues

Quick Start

Run an automated UX audit on your project directory to generate a comprehensive report.

Frequently Asked Questions about ux-review

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

FAQPage Schema
How do I run an automated UX audit on HTML and JSX files?▼

Run an automated UX audit on your project directory to evaluate HTML, JSX, and TSX files. The process generates a structured report highlighting accessibility, responsive design, and performance issues.

What is WCAG 2.2 compliance checking for web components?▼

WCAG 2.2 compliance checking evaluates frontend components against accessibility standards. It assesses keyboard navigation, screen reader compatibility, and color contrast to identify inclusive design gaps in your code.

Can I integrate accessibility checks into my CI pipeline?▼

Yes, you can integrate accessibility checks into CI pipelines for continuous validation. This automates the surfacing and prioritization of UX issues during ongoing QA and design reviews.

Does the UX audit work with TSX component trees?▼

The UX audit works with TSX component trees, as well as HTML and JSX files. It validates responsive design and performance budgeting across web applications and libraries.

What is the best way to validate responsive design in frontend code?▼

The best way to validate responsive design is through an automated audit of your frontend code. This process surfaces responsiveness issues alongside accessibility and performance gaps in a single structured report.

Related Skills

Explore More Design & Creative Skills→
skeletorfletskeletorflet
7

seo-fundamentals

Validate title, meta description, Open Graph, headings, and image alt text in HTML/JSX/TSX pages.

Community
Intermediate
ikastnerikastner

responsive-audit

Audit website responsiveness across 7 breakpoints and generate prioritized remediation reports.

Community
Intermediate
a53alia53ali

accessibility-testing

Test web and mobile applications for WCAG 2.1/2.2 AA conformance using automated tools and manual techniques.

Community
Advanced
mtsatryanmtsatryan
1

accessibility-auditor

Audit web applications for WCAG compliance using axe-core and Playwright.

Community
Advanced