audit

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

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/primaERP/jmhz-xml-editor --skill audit-primaerp
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: audit
Source: https://github.com/primaERP/jmhz-xml-editor/tree/main/style_guide/.cursor/skills/audit
Command: npx skills add https://github.com/primaERP/jmhz-xml-editor --skill audit-primaerp

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill performs a systematic audit of user interfaces to identify accessibility gaps, performance bottlenecks, theming inconsistencies, and responsive issues, enabling teams to document issues before fixes.

Core Features & Use Cases

  • Accessibility (A11y) checks for contrast, ARIA roles, keyboard navigation, semantic HTML, alt text, and form issues.
  • Performance checks for layout thrashing, expensive animations, missing optimization, bundle size, and render performance.
  • Theming checks for hard-coded colors, dark mode issues, inconsistent tokens, and theme-switching problems.
  • Responsive Design checks for fixed widths, touch targets, horizontal scrolling, text scaling, and missing breakpoints.
  • Anti-Patterns (CRITICAL): identify anti-patterns and provide guidance to avoid AI color palettes, gradient text, glassmorphism, and other design pitfalls.
  • Audit-Only: This is an audit, not a fix; it documents issues with clear explanations of impact and recommended next steps.

Quick Start

Initiate an automated frontend audit to generate a prioritized report of accessibility, performance, theming, and responsiveness issues.

Frequently Asked Questions about audit

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

FAQPage Schema
How do I audit frontend interfaces for accessibility and performance issues?

To audit frontend interfaces, this skill checks contrast, ARIA roles, keyboard navigation, layout stability, and render performance. It generates a comprehensive report documenting findings with severity, impact, WCAG references, and actionable recommendations.

What does a UI accessibility audit include for WCAG compliance?

A UI accessibility audit includes checks for color contrast, ARIA roles, keyboard navigation, semantic HTML, alt text, and form issues. It references WCAG standards to document findings with severity and impact, providing recommendations without applying fixes.

How can I identify responsive design and theming inconsistencies across UI components?

To identify responsive design and theming inconsistencies, the audit checks for fixed widths, missing mobile breakpoints, hard-coded colors, dark mode issues, and inconsistent token usage across multiple UI components and screens.

Can I check my frontend for anti-patterns like AI color palettes and glassmorphism?

Yes, you can check your frontend for anti-patterns like AI color palettes, gradient text, and glassmorphism. The audit identifies these design pitfalls and provides guidance to avoid them, documenting the findings in a comprehensive report.

Does this frontend audit automatically fix the accessibility and layout issues it finds?

No, this frontend audit does not automatically fix issues. It is an audit-only tool that identifies accessibility, performance, theming, and responsive problems, documenting them with clear explanations of impact and recommended next steps.

What is the best way to evaluate frontend performance bottlenecks and layout stability?

The best way to evaluate frontend performance bottlenecks is to run an audit checking for layout thrashing, expensive animations, missing optimizations, bundle size, and render performance. It outputs a prioritized report detailing severity and actionable recommendations.