skills.rest
louisbrulenaudet
louisbrulenaudetCOMMUNITY
Explore all skills by this author →
Website𝕏@BruleNaudetGitHub

review-ui

Audit React frontend applications for WCAG 2.2 AA compliance and Tailwind CSS theme consistency.

18|4|Updated Apr 5, 2026
Search Tags:#ui#accessibility#frontend#audit#tailwind#ux
One-click install
npx skills add https://github.com/louisbrulenaudet/monorepo-template --skill review-ui-louisbrulenaudet
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: review-ui
Source: https://github.com/louisbrulenaudet/monorepo-template/tree/main/.agents/skills/review-ui
Command: npx skills add https://github.com/louisbrulenaudet/monorepo-template --skill review-ui-louisbrulenaudet

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill addresses the challenge of maintaining consistent UI/UX standards, accessibility compliance, and design system integrity across a rapidly evolving frontend codebase.

Core Features & Use Cases

  • Accessibility Auditing: Ensures compliance with WCAG 2.2 AA standards, including focus management and color contrast.
  • Design System Enforcement: Validates Tailwind CSS usage against theme tokens to prevent arbitrary values and layout instability.
  • Use Case: Before a production release, use this Skill to scan the front-app directory to identify missing dark mode support, insufficient touch targets, or potential layout shifts.

Quick Start

Invoke the review-ui skill to perform a comprehensive UI and accessibility audit of the current frontend application.

Frequently Asked Questions about review-ui

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

FAQPage Schema
How do I automate a WCAG 2.2 AA accessibility audit for a React application?▼

To automate a WCAG 2.2 AA accessibility audit for a React application, scan the codebase to evaluate focus management, color contrast, and touch targets. This validates compliance against defined project conventions.

What is the best way to enforce Tailwind CSS theme consistency across a frontend codebase?▼

Enforcing Tailwind CSS theme consistency requires validating component usage against predefined theme tokens. This prevents arbitrary values and ensures layout stability across the rapidly evolving frontend application.

Can I check my React components for responsive design patterns and layout stability before a production release?▼

You can check React components for responsive design patterns and layout stability before production by running a comprehensive UI/UX audit. This identifies missing dark mode support and potential layout shifts.

How do I validate form validation UX and motion accessibility in a frontend project?▼

To validate form validation UX and motion accessibility in a frontend project, perform a UI and accessibility audit. This evaluates component patterns and motion behaviors against defined project conventions.

Does this UI accessibility audit work with frameworks other than React and Tailwind CSS?▼

This UI accessibility audit is specifically designed for React-based frontend applications using Tailwind CSS. It evaluates theme consistency and component patterns tailored to this stack.

Related Skills

Explore More Design & Creative Skills→
algusaemalgusaem

tailwind-design-system

Build Tailwind CSS design systems with semantic tokens and CVA-based components.

Community
Intermediate
blackgirlbytesblackgirlbytes

audit-a11y

Audit React/Next.js components for WCAG 2.1 AA accessibility violations.

Community
Intermediate
ketanswebsiteketanswebsite

ui-ux-design-advisor

Analyze project structure and design system to propose UI/UX design options.

Community
Advanced
lord-vinayaklord-vinayak

contrast-checker

Calculate color contrast ratios and evaluate WCAG 2.2 compliance.

Community
Advanced