skills.rest
ReefBytes-Owner
ReefBytes-OwnerCOMMUNITY
Explore all skills by this author →
GitHub

ux-review

Audit HTML, JSX, or TSX files for accessibility, performance, and usability gaps.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill performs automated UX audits to identify accessibility, responsiveness, and performance gaps in frontend web projects, helping teams ship accessible and efficient interfaces faster.

Core Features & Use Cases

  • Accessibility checks covering WCAG 2.2 rules and ARIA conformance.
  • Responsive design validation and viewport responsiveness guidance.
  • Performance budgeting guidance aligned with Core Web Vitals and progressive enhancement patterns.

Quick Start

Run the ux-review on your project directory to generate a comprehensive UX audit 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 accessibility audit on my HTML and JSX files?▼

To run an automated accessibility audit, you can target your HTML, JSX, or TSX project directory to identify WCAG 2.2 and ARIA conformance gaps. The audit generates a structured report with severity levels and specific remediation guidance.

Can I validate responsive design and Core Web Vitals performance budgets together?▼

Yes, you can validate responsive design and Core Web Vitals performance budgets simultaneously. The audit assesses viewport responsiveness, performance metrics, and progressive enhancement patterns to deliver comprehensive frontend usability validation.

What is the best way to check WCAG compliance and usability gaps during frontend development?▼

The best way to check WCAG compliance is to apply an automated UX audit across your discovery, development, and QA phases. This process identifies accessibility, performance, and usability gaps while providing configurable rules for end-to-end validation.

Does the UX audit provide remediation guidance for identified accessibility and performance issues?▼

Yes, the UX audit provides structured remediation guidance for identified accessibility and performance issues. Reports include severity rankings and actionable steps to resolve WCAG failures, responsive design flaws, and Core Web Vitals deficits.

Can I configure custom rules for my frontend web project's end-to-end UX validation?▼

Yes, you can configure custom rules to satisfy end-to-end UX validation requirements for your frontend web project. This allows tailored automated checks for accessibility, responsiveness, and performance based on specific project constraints.

Related Skills

Explore More Design & Creative Skills→
jota-batutajota-batuta

performance-testing

Establish performance baselines and budgets for APIs and web applications.

Community
Advanced
vobasevobase
59

audit

Audit UI interfaces for accessibility, performance, theming, and responsive design.

Official
Intermediate
DTMC-marketplaceDTMC-marketplace

deepeval

Evaluate LLMs for hallucination, toxicity, bias, and EU AI Act compliance.

Official
Advanced
manutejmanutej
1

playwright-visual-testing

Automate browser testing and visual regression analysis with Playwright.

Community
Advanced