audit

Audits web interfaces for accessibility, performance, theming, and responsive design issues, generating a severity-rated report with WCAG references and recommendations.

Updated Oct 30, 2025
One-click install
npx skills add https://github.com/juanelojga/juanelojga-webpage --skill audit-juanelojga
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: audit
Source: https://github.com/juanelojga/juanelojga-webpage/tree/main/.agents/skills/audit
Command: npx skills add https://github.com/juanelojga/juanelojga-webpage --skill audit-juanelojga

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Perform comprehensive audit of interface quality across accessibility, performance, theming, and responsive design. Generates detailed report of issues with severity ratings and recommendations.

Core Features & Use Cases

  • Accessibility (A11y) checks including contrast, ARIA, keyboard navigation, semantic HTML, alt text, and form validation issues.
  • Performance analysis covering layout thrashing, image optimization, bundle size, and render efficiency.
  • Theming verification for token usage, dark mode support, and theme switching consistency.
  • Responsive design assessment for fixed widths, touch targets, horizontal overflow, and breakpoint coverage.
  • Anti-Patterns (CRITICAL) checks to surface common design pitfalls and actionable issues.

Quick Start

Initiate a full interface quality audit and generate a prioritized report without applying fixes.

Frequently Asked Questions about audit

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

FAQPage Schema
How do I run an accessibility audit on my web interface for WCAG compliance?

An accessibility audit evaluates UI quality across ARIA, keyboard navigation, semantic HTML, and contrast. It generates a formal QA report referencing WCAG standards, detailing issue severity and actionable mitigations without applying fixes.

What is the best way to identify responsive design and performance issues in an application?

A UI quality audit identifies responsive design and performance issues by assessing fixed widths, touch targets, layout thrashing, and render efficiency. It delivers a prioritized report with severity ratings and recommendations for improving interface quality.

Can I generate a QA report for theming consistency and dark mode support?

Yes, theming verification checks token usage and dark mode support consistency. The audit produces a comprehensive QA report that includes issue descriptions, impact analysis, and suggested mitigations to resolve theme switching discrepancies.

How do I check my UI for anti-patterns and design quality pitfalls?

Checking UI for anti-patterns involves assessing critical design pitfalls across accessibility, performance, theming, and responsive design. The audit surfaces these issues in a formal report, providing severity ratings and actionable recommendations.

Does the interface audit automatically apply fixes to the identified issues?

No, the interface audit does not apply any fixes. It strictly identifies accessibility, performance, theming, and responsive design issues, generating a comprehensive QA report with severity ratings and suggested mitigations for manual implementation.