audit

Audit frontend UI quality across accessibility, performance, theming, and responsive design.

Updated Mar 6, 2026
One-click install
npx skills add https://github.com/dhruvil7797/CloudGenZ-Client-Demo --skill audit-dhruvil7797
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: audit
Source: https://github.com/dhruvil7797/CloudGenZ-Client-Demo/tree/main/.cline/skills/audit
Command: npx skills add https://github.com/dhruvil7797/CloudGenZ-Client-Demo --skill audit-dhruvil7797

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

  • Systematic accessibility checks covering contrast, ARIA roles, keyboard navigation, and semantic HTML
  • Performance evaluation including layout thrashing, animation, and asset optimization considerations
  • Theming verification for color token usage and dark mode consistency
  • Responsive design validation across breakpoints and touch target sizing
  • Use cases include QA before releases, design system validation, and redesign audits to surface issues and provide recommendations

Quick Start

Run a full UI audit across accessibility, performance, theming, and responsive design to generate a prioritized issue report.

Frequently Asked Questions about audit

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

FAQPage Schema
How do I run a frontend UI accessibility audit for color contrast and ARIA roles?

A frontend UI accessibility audit evaluates color contrast, ARIA roles, keyboard navigation, and semantic HTML. It systematically checks these elements to generate a prioritized report with severity ratings and actionable recommendations for your web application.

What is the best way to audit responsive design and mobile layouts during a redesign?

To audit responsive design during a redesign, validate layouts across breakpoints and verify touch target sizing. This surfaces mobile layout issues and provides structured recommendations to ensure consistent responsive behavior across devices.

Can I scope a UI quality audit to just one specific area like theming or performance?

Yes, you can use an optional area parameter to scope a UI quality audit. This targets specific checks like dark mode consistency for theming, or layout thrashing and asset optimization for performance, instead of running the full evaluation.

How do theming audits verify color token usage and dark mode consistency?

Theming audits verify color token usage by scanning the frontend components for proper token application. They evaluate dark mode consistency to ensure theme variables render correctly, generating a report of mismatches with severity ratings and fixes.

What performance checks are included in a frontend QA audit?

A frontend QA performance audit evaluates layout thrashing, animation smoothness, and asset optimization considerations. It identifies load performance bottlenecks within web applications and outputs actionable recommendations to resolve them.