Skills
.Work. You
Rest

frontend-ux-a11y-reviewer

Community

Enhance web accessibility and UX.

Software Engineering#code review#accessibility#frontend#react#vue#wcag#ux
AuthorFoo-x
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill automatically analyzes frontend code to identify and suggest improvements for accessibility (WCAG 2.2 compliance) and user experience (UX) issues.

Core Features & Use Cases

  • Accessibility Review: Checks for compliance with WCAG 2.2 guidelines across four principles: Perceivable, Operable, Understandable, and Robust.
  • UX Analysis: Identifies common UX anti-patterns based on established heuristics.
  • Framework-Agnostic: Analyzes HTML, CSS, and JavaScript, with specific checks for React/Next.js and Vue/Nuxt.
  • Use Case: A developer can use this Skill to get a detailed report on potential accessibility barriers and UX flaws in their new component before it goes to QA, ensuring a better user experience for all.

Quick Start

Analyze the frontend code in the 'src/components' directory for accessibility and UX issues.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: frontend-ux-a11y-reviewer
Download link: https://github.com/Foo-x/dotfiles/archive/main.zip#frontend-ux-a11y-reviewer

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.