skills.rest
luyangliuable
luyangliuableCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

audit

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

Updated Mar 23, 2026
Search Tags:#theming#performance#accessibility#responsive design#audit#ui review#wcag
One-click install
npx skills add https://github.com/luyangliuable/claude-setup --skill audit-luyangliuable
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: audit
Source: https://github.com/luyangliuable/claude-setup/tree/main/.agents/skills/audit
Command: npx skills add https://github.com/luyangliuable/claude-setup --skill audit-luyangliuable

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps you identify and document interface quality problems before they reach users, especially issues that affect accessibility, responsiveness, theming consistency, and performance.

Core Features & Use Cases

  • Accessibility Audit: Reviews semantic structure, keyboard support, labels, focus states, and contrast to surface WCAG-related issues.
  • Performance and Responsiveness Review: Flags expensive interactions, layout bottlenecks, fixed sizing, and mobile usability problems.
  • Theming and Anti-Pattern Detection: Detects hard-coded colors, dark mode inconsistencies, and design patterns that make interfaces feel AI-generated or visually unrefined.
  • Use Case: Use this Skill when you need a detailed report that ranks issues by severity and explains the user impact without making code changes.

Quick Start

Audit the selected interface area and return a severity-ranked report with concrete recommendations.

Frequently Asked Questions about audit

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

FAQPage Schema
How do I audit my UI for WCAG accessibility issues?▼

A UI accessibility audit reviews semantic structure, keyboard support, labels, focus states, and contrast to surface WCAG-related issues and generate severity-ranked findings for designers and engineers.

What is the best way to detect hard-coded colors and dark mode inconsistencies in frontend code?▼

Detect theming anti-patterns by reviewing design-token usage, flagging hard-coded colors and dark mode inconsistencies that make interfaces feel visually unrefined or AI-generated without modifying the code.

How do I check responsive design and performance bottlenecks in my interface?▼

Check responsive design and performance by flagging expensive interactions, layout bottlenecks, fixed sizing, and mobile usability problems that degrade the user experience across different viewport sizes.

Does this UI review tool modify my codebase to fix the detected issues?▼

No, this UI review tool does not modify your code. It performs a systematic evaluation and returns a diagnostic report with actionable recommendations and severity-ranked findings.

Can I use this for a frontend review before shipping new interface components?▼

Yes, you can use this for frontend review before shipping. It applies to scenarios where designers and engineers need to identify interface quality problems and document user impact before reaching users.

Related Skills

Explore More Design & Creative Skills→
outfitter-devoutfitter-dev
6

outfitter-check

Scan codebases for Outfitter Stack compliance and generate severity-ranked reports.

Official
Intermediate
YouneslahlaliYouneslahlali

audit

Audit user interfaces for accessibility, performance, theming, and responsive design issues.

Community
Advanced
sixscripts-aisixscripts-ai

agent-cost-monitor

Monitor real-time token usage and estimated costs for ghostssh agent calls.

Community
Intermediate
thiagoooo34252thiagoooo34252
1

engineer-accessibility

Scan web applications for WCAG 2.2 violations using axe-core.

Community
Advanced